/* Design tokens — Carbon design system (extracted from "Marketing Assets.fig").
   Brand: corange #F25623 · Neutrals: Mountain/Slate · Type: Ravi FaNum.
   Semantic families: Forest (positive), Volcano (negative), Sun (warning),
   Blue (info). Radii: 2px default controls, 12px cards (intentionally small).
   All page styles consume ONLY these variables. */

@font-face {
  font-family: "Ravi FaNum";
  src: url("/static/fonts/RaviFaNum-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Ravi FaNum";
  src: url("/static/fonts/RaviFaNum-Medium.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Ravi FaNum";
  src: url("/static/fonts/RaviFaNum-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("/static/fonts/Vazirmatn.woff2") format("woff2-variations");
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  /* palette — surfaces & text (Mountain/Slate neutrals) */
  --color-bg: #f2f5f6;            /* mountain-50, surface-sunken */
  --color-surface: #ffffff;        /* surface-primary */
  --color-surface-2: #f1f5f9;      /* slate-100 */
  --color-border: #ccd6dc;         /* mountain-300, border-default */
  --color-text: #253035;           /* mountain-900, content-primary */
  --color-text-2: #718e9c;         /* mountain-700, content-secondary */
  --color-text-3: #a2b5be;         /* mountain-600, content-tertiary */

  /* brand — corange */
  --color-primary: #f25623;        /* corange-500 */
  --color-primary-strong: #d84a1f; /* corange-600, hover/pressed */
  --color-primary-soft: #ffe9e2;   /* corange-50, brand tint */
  --color-on-primary: #ffffff;

  /* semantic */
  --color-success: #00ab84;        /* forest-600, content-positive */
  --color-success-strong: #007f62; /* forest-700 */
  --color-success-soft: #e5f7f4;   /* forest-50 */
  --color-danger: #e4002b;         /* volcano-600 */
  --color-danger-soft: #fff0f2;    /* volcano-50 */
  --color-warning: #bf9d00;        /* sun-700, content-warning */
  --color-warning-soft: #fff8db;   /* sun-50 */
  --color-info: #2563eb;           /* blue-600 */
  --color-info-soft: #ebf1ff;

  /* typography — Ravi FaNum primary (native Farsi numerals) */
  --font-family: "Ravi FaNum", "Vazirmatn", Tahoma, sans-serif;
  --fs-xs: 0.75rem;    /* 12 */
  --fs-sm: 0.875rem;   /* 14 */
  --fs-md: 1rem;       /* 16 */
  --fs-lg: 1.25rem;    /* 20 */
  --fs-xl: 1.5rem;     /* 24 */
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* spacing — 4-based scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* shape — DS radii: 2px controls, 8px tab pills, 12px cards, 16px sheets */
  --radius-xs: 2px;
  --radius-sm: 2px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* elevation — soft, low-spread */
  --shadow-sm: 0 1px 2px rgb(37 48 53 / 0.06), 0 1px 3px rgb(37 48 53 / 0.10);
  --shadow-md: 0 4px 12px rgb(37 48 53 / 0.08), 0 2px 4px rgb(37 48 53 / 0.06);

  --sidebar-width: 240px;
}