/* توکن‌های طراحی پَرَند — تنها محل تعریف رنگ hex در کل پروتوتایپ */
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-wght.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  /* سطوح */
  --bg-page:        #f3f5f4;
  --bg-panel:       #ffffff;
  --bg-sunken:      #eef2f0;
  --bg-hover:       #f1f5f2;
  --line:           #e0e6e2;
  --line-strong:    #c3ccc6;
  /* جوهر */
  --ink:            #0c1813;
  --ink-2:          #45534c;
  --ink-3:          #6b7871;
  --ink-inverse:    #ffffff;
  /* برند زنجیره */
  --brand:          #127a4d;
  --brand-strong:   #0c5c3a;
  --brand-deep:     #072a1c;
  --brand-night:    #03170e;
  --accent:         #1baf7a;
  --accent-bright:  #4fdc9c;
  --brand-soft:     #ddf2e7;
  --brand-ink:      #ffffff;
  /* پوستهٔ بانک */
  --bank:           #23407a;
  --bank-strong:    #172d57;
  --bank-deep:      #0a1630;
  --bank-night:     #050c1d;
  --bank-accent:    #7fb2ff;
  --bank-soft:      #dde5f3;
  /* وضعیت (ثابت) */
  --ok:             #0ca30c;
  --ok-ink:         #006300;
  --warn:           #fab219;
  --warn-ink:       #7a5200;
  --serious:        #ec835a;
  --serious-ink:    #8a3a17;
  --critical:       #d03b3b;
  --critical-ink:   #9c2222;
  --info:           #2a78d6;
  --ok-soft:        #e3f5e3;
  --warn-soft:      #fff4d6;
  --serious-soft:   #fde9df;
  --critical-soft:  #fbe3e3;
  --info-soft:      #e3eefb;
  /* سری‌های نمودار — ترتیب ثابت */
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100;
  --series-5: #e87ba4; --series-6: #008300; --series-7: #4a3aa7; --series-8: #e34948;
  /* رمپ ترتیبی آبی */
  --seq-100: #cde2fb; --seq-150: #b7d3f6; --seq-250: #86b6ef; --seq-400: #3987e5; --seq-550: #1c5cab; --seq-700: #0d366b;
  /* واگرا */
  --div-neg: #e34948; --div-mid: #f0efec; --div-pos: #2a78d6;
  /* نمودار */
  --chart-grid:     #e1e0d9;
  --chart-axis:     #c3c2b7;
  --chart-surface:  #fcfcfb;
  /* فوکوس */
  --focus:          #2a78d6;
  /* نمای مزرعه */
  --sc-ground:      #e4ecd9;
  --sc-ground-2:    #d6e2c8;
  --sc-dot:         #c5d4b4;
  --sc-road:        #cfcabd;
  --sc-road-edge:   #b8b2a3;
  --sc-wall:        #f3f1ea;
  --sc-wall-shade:  #d9d5c8;
  --sc-wall-dark:   #c4bfb0;
  --sc-roof:        #1f6b46;
  --sc-roof-shade:  #154d32;
  --sc-roof-idle:   #a9b0aa;
  --sc-roof-idle-2: #8d958f;
  --sc-silo:        #dfe3e6;
  --sc-silo-shade:  #b9c0c6;
  --sc-silo-dark:   #9aa3ab;
  --sc-feed-ok:     #8fbf6a;
  --sc-feed-warn:   #f2c14e;
  --sc-feed-bad:    #e5735f;
  --sc-gen:         #b78a1c;
  --sc-gen-shade:   #8f6b12;
  --sc-water:       #8fb8d8;
  --sc-water-shade: #6c98bb;
  --sc-fence:       #9aa59a;
  --sc-tree:        #5e9a5a;
  --sc-tree-2:      #4b8248;
  --sc-shadow:      rgba(20, 32, 26, .12);
  --sc-fan:         #4a5650;
  --sc-window:      #9cc3dc;
  --sc-label-bg:    rgba(255, 255, 255, .92);
  /* سایه و شعاع */
  --shadow-float:   0 2px 6px rgba(12, 24, 19, .06), 0 18px 40px -12px rgba(12, 24, 19, .28);
  --shadow-card:    0 1px 2px rgba(12, 24, 19, .04), 0 2px 8px -3px rgba(12, 24, 19, .07);
  --shadow-raise:   0 2px 4px rgba(12, 24, 19, .05), 0 14px 30px -10px rgba(12, 24, 19, .2);
  --r-ctl: 9px; --r-card: 14px; --r-modal: 16px; --r-pill: 999px;
  /* فاصله */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  /* تایپ */
  --font: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 28px; --fs-kpi: 30px; --fs-hero: 44px;
  --sidebar-w: 248px;
  --topbar-h: 60px;
}