/* پرونده‌یار — design tokens: the ONLY place raw values live (rules: design-system/parvandeyar/MASTER.md).
   Every other stylesheet (app, pages, feedback, the ملی مس receiver page, the Chrome extension popup) uses these
   variables; data/test_design.py fails on a raw colour, font size, line height, space, radius, layer or duration
   anywhere else. The design guide at «مدیریت ← راهنمای طراحی» draws itself from these same variables. */
:root {
  /* colour · light — every text pair measured ≥ 4.5:1 */
  --bg: #F8FAFC; --surface: #FFFFFF; --surface-2: #F1F5F9; --hover: #F1F5F9; --border: #E2E8F0; --border-strong: #CBD5E1;
  --fg: #0F172A; --fg-2: #334155; --muted: #475569; --faint: #64748B;
  --primary: #2563EB; --primary-hover: #1D4ED8; --on-primary: #FFFFFF; --primary-soft: #EFF4FF; --primary-ink: #1E40AF;
  --success: #047857; --success-soft: #ECFDF5; --warning: #B45309; --warning-soft: #FFFBEB; --danger: #DC2626; --danger-ink: #B91C1C; --danger-soft: #FEF2F2;
  --violet: #6D28D9; --violet-soft: #F5F3FF; --evidence: #FDE68A; --evidence-ink: #713F12;
  --on-dark: #FFFFFF;                                   /* text on a dark chip over a picture, both themes */
  --on-success: #FFFFFF; --on-danger: #FFFFFF;        /* text on a solid success / danger fill */
  --info: #0891B2;                                      /* the «ارسال» stage dot */
  --paper: #FFFFFF;                                     /* a scanned document page: white in both themes */
  --scrim: rgba(2, 6, 23, .35); --backdrop: rgba(2, 6, 23, .55); --backdrop-strong: rgba(2, 6, 23, .82); --chip-dark: rgba(15, 23, 42, .82);
  --mark: #DC2626; --mark-fill: rgba(220, 38, 38, .10); /* boxes drawn on a feedback screenshot (a picture: same in both themes) */

  /* type — Vazirmatn; scale 12 · 13 · 14 · 15 · 16 · 18 · 22 · 28 */
  --font: Vazirmatn, Tahoma, 'Segoe UI', sans-serif; --mono: ui-monospace, Consolas, 'Courier New', monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-base: 15px; --fs-lg: 16px; --fs-xl: 18px; --fs-2xl: 22px; --fs-3xl: 28px;
  --lh-tight: 1.4; --lh-ui: 1.5; --lh-base: 1.75; --lh-loose: 1.9;

  /* space — 4-point scale */
  --sp-half: 2px; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 48px;

  /* radius · elevation (shadow only for floating layers) */
  --r-0: 4px; --r-1: 6px; --r-2: 10px; --r-3: 14px; --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(15, 23, 42, .06); --sh-2: 0 4px 12px rgba(15, 23, 42, .08); --sh-3: 0 16px 40px rgba(15, 23, 42, .18);

  /* motion · layers · layout */
  --t-fast: 150ms; --t: 200ms; --ease: cubic-bezier(.2, .7, .2, 1);
  --t-spin: 0.9s; --t-loop: 1.2s;                      /* loading loops: spinner · shimmer, progress, pulse */
  --z-sticky: 10; --z-float: 35; --z-scrim: 39; --z-drawer: 40; --z-modal: 60; --z-toast: 80; --z-skip: 100;
  --rail: 84px; --list: 304px; --panel: 400px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0B1220; --surface: #111A2B; --surface-2: #0F1726; --hover: #172238; --border: #1F2A3D; --border-strong: #2C3A52;
  --fg: #E2E8F0; --fg-2: #CBD5E1; --muted: #94A3B8; --faint: #7C8BA1;
  --primary: #60A5FA; --primary-hover: #93C5FD; --on-primary: #0B1220; --primary-soft: #172554; --primary-ink: #BFDBFE;
  --success: #34D399; --success-soft: #052E22; --warning: #FBBF24; --warning-soft: #33240A; --danger: #F87171; --danger-ink: #FCA5A5; --danger-soft: #3B1515;
  --violet: #C4B5FD; --violet-soft: #2A1F4D; --evidence: #5B4A12; --evidence-ink: #FDE68A;
  --on-success: #052E22; --on-danger: #3B1515; --info: #22D3EE;
  --sh-1: 0 1px 2px rgba(0, 0, 0, .4); --sh-2: 0 4px 12px rgba(0, 0, 0, .4); --sh-3: 0 16px 40px rgba(0, 0, 0, .6);
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --bg: #0B1220; --surface: #111A2B; --surface-2: #0F1726; --hover: #172238; --border: #1F2A3D; --border-strong: #2C3A52;
  --fg: #E2E8F0; --fg-2: #CBD5E1; --muted: #94A3B8; --faint: #7C8BA1;
  --primary: #60A5FA; --primary-hover: #93C5FD; --on-primary: #0B1220; --primary-soft: #172554; --primary-ink: #BFDBFE;
  --success: #34D399; --success-soft: #052E22; --warning: #FBBF24; --warning-soft: #33240A; --danger: #F87171; --danger-ink: #FCA5A5; --danger-soft: #3B1515;
  --violet: #C4B5FD; --violet-soft: #2A1F4D; --evidence: #5B4A12; --evidence-ink: #FDE68A;
  --on-success: #052E22; --on-danger: #3B1515; --info: #22D3EE;
  --sh-1: 0 1px 2px rgba(0, 0, 0, .4); --sh-2: 0 4px 12px rgba(0, 0, 0, .4); --sh-3: 0 16px 40px rgba(0, 0, 0, .6);
  color-scheme: dark;
}