/* Tabdeal Gold design tokens — taken verbatim from tabdealgold.ir, plus the
   semantic aliases the Remas-derived layouts use. Pages must use these vars,
   never raw hex values. */

@font-face{font-family:'Vazir';src:url('../assets/fonts/vazir/Vazir-Thin.woff2') format('woff2'),url('../assets/fonts/vazir/Vazir-Thin.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Vazir';src:url('../assets/fonts/vazir/Vazir-Light.woff2') format('woff2'),url('../assets/fonts/vazir/Vazir-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Vazir';src:url('../assets/fonts/vazir/Vazir.woff2') format('woff2'),url('../assets/fonts/vazir/Vazir.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazir';src:url('../assets/fonts/vazir/Vazir-Medium.woff2') format('woff2'),url('../assets/fonts/vazir/Vazir-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazir';src:url('../assets/fonts/vazir/Vazir-Bold.woff2') format('woff2'),url('../assets/fonts/vazir/Vazir-Bold.ttf') format('truetype');font-weight:700 950;font-style:normal;font-display:swap}

:root{
  /* tabdealgold.ir palette */
  --blue-900:#071d3a;
  --blue-800:#0b2f5f;
  --blue-700:#064ea4;
  --blue-600:#0b6ffb;
  --blue-500:#2d8cff;
  --blue-100:#eaf3ff;
  --blue-50:#f4f9ff;
  --gold-700:#9b6814;
  --gold-600:#c68a26;
  --gold-500:#e7b646;
  --yellow-400:#ffd66b;
  --yellow-100:#fff5d7;
  --gray-900:#101828;
  --gray-800:#1d2939;
  --gray-700:#344054;
  --gray-600:#475467;
  --gray-500:#667085;
  --gray-400:#98a2b3;
  --gray-300:#d0d5dd;
  --gray-200:#eaecf0;
  --gray-100:#f2f4f7;
  --gray-50:#f9fafb;
  --white:#ffffff;
  --green:#12a66a;
  --red:#e5484d;
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
  --shadow-sm:0 8px 22px rgba(16,24,40,.06);
  --shadow-md:0 20px 60px rgba(16,24,40,.10);
  --shadow-blue:0 20px 52px rgba(11,111,251,.18);
  --shadow-gold:0 20px 52px rgba(198,138,38,.18);

  /* semantic aliases (Remas role -> Tabdeal colour) */
  --c-primary:var(--blue-700);          /* Remas #246957 */
  --c-primary-strong:var(--blue-900);   /* Remas #2d574c / #0b5844 */
  --c-primary-bright:var(--blue-600);
  --c-accent:var(--gold-600);           /* Remas #c18e3b / crown */
  --c-accent-strong:var(--gold-700);    /* Remas #754200 */
  --c-accent-soft:var(--yellow-100);    /* Remas #F8EEDD */
  --c-soft:var(--blue-50);              /* Remas #F5F8F8 */
  --c-soft-2:var(--blue-100);           /* Remas #e7eeec */
  --c-text:var(--gray-900);             /* Remas #1A1A1A */
  --c-text-2:var(--gray-700);           /* Remas #2F2F2F */
  --c-muted:var(--gray-500);            /* Remas #757575 */
  --c-faint:var(--gray-400);
  --c-border:var(--gray-200);           /* Remas #e0e0e0 */
  --c-fill:var(--gray-50);              /* Remas #f9f9f9 */
  --c-fill-2:var(--gray-100);
  --c-surface:#fff;
  --c-danger:var(--red);                /* Remas #C62828 */
  --c-success:var(--green);

  --radius-sm:12px;
  --radius-btn:15px;
  --radius-pill:999px;
  --grad-blue:linear-gradient(135deg,var(--blue-600),var(--blue-700));
  --grad-gold:linear-gradient(135deg,var(--yellow-400),var(--gold-500));
  --grad-navy:linear-gradient(90deg,var(--blue-900),var(--blue-800));
  --grad-brand:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-900) 52%,var(--gold-500) 100%);
  --grad-gold-text:linear-gradient(135deg,var(--gold-700),var(--yellow-400) 50%,var(--gold-600));

  --container:1440px;
  --gutter:16px;
  --header-h:56px;
  --topbar-h:40px;
  --font:'Vazir',Tahoma,Arial,sans-serif;
}
@media (min-width:1024px){:root{--gutter:40px}}