/* OneBase / hub.ubs.az — dizayn tokenləri
   Mənbə: D:\Workspace\Projects\Developer\hub.ubs.az\ui-ux\design.md + tokens.css
   Sistem: 5 rol × 11 addım, OKLCH kanalları. İstifadə: oklch(var(--primary-500) / <alpha>)
   Sərt qaydalar: mavi/bənövşəyi brend rəngi YOX · box-shadow YOX · bir bölmədə bir dominant vurğu */

:root {
  /* Primary — isti qızılı / kəhrəba */
  --primary-50:0.97 0.03 85;--primary-100:0.94 0.06 80;--primary-200:0.90 0.10 78;--primary-300:0.84 0.13 75;--primary-400:0.75 0.15 72;
  --primary-500:0.65 0.16 70;--primary-600:0.58 0.14 68;--primary-700:0.50 0.12 66;--primary-800:0.42 0.10 64;--primary-900:0.35 0.08 62;--primary-950:0.28 0.06 60;
  /* Accent — teal */
  --accent-50:0.96 0.02 190;--accent-100:0.92 0.04 185;--accent-200:0.86 0.07 180;--accent-300:0.78 0.10 175;--accent-400:0.68 0.12 170;
  --accent-500:0.58 0.12 165;--accent-600:0.50 0.10 160;--accent-700:0.43 0.08 155;--accent-800:0.36 0.06 150;--accent-900:0.30 0.05 145;--accent-950:0.24 0.04 140;
  /* Secondary — isti slate */
  --secondary-50:0.97 0.01 250;--secondary-100:0.94 0.02 250;--secondary-200:0.88 0.03 250;--secondary-300:0.80 0.04 250;--secondary-400:0.70 0.05 250;
  --secondary-500:0.55 0.05 250;--secondary-600:0.45 0.04 250;--secondary-700:0.38 0.03 250;--secondary-800:0.30 0.02 250;--secondary-900:0.22 0.02 250;--secondary-950:0.15 0.01 250;
  /* Background — isti ağ */
  --background-50:0.99 0.005 90;--background-100:0.98 0.01 90;--background-200:0.95 0.015 90;--background-300:0.91 0.02 90;--background-400:0.85 0.025 90;
  --background-500:0.75 0.03 90;--background-600:0.65 0.025 90;--background-700:0.55 0.02 90;--background-800:0.45 0.015 90;--background-900:0.35 0.01 90;--background-950:0.25 0.005 90;
  /* Foreground — tünd charcoal */
  --foreground-50:0.97 0.01 250;--foreground-100:0.92 0.02 250;--foreground-200:0.85 0.03 250;--foreground-300:0.75 0.04 250;--foreground-400:0.65 0.05 250;
  --foreground-500:0.55 0.05 250;--foreground-600:0.45 0.04 250;--foreground-700:0.35 0.03 250;--foreground-800:0.25 0.02 250;--foreground-900:0.18 0.015 250;--foreground-950:0.12 0.01 250;

  --font-body:"Inter",system-ui,sans-serif;--font-heading:"Inter",system-ui,sans-serif;--font-label:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
  --r-card:8px;--r-control:6px;--r-pill:999px;
  color-scheme:light;
}

/* Dark: background/foreground tərsinə, primary/accent/secondary sabit qalır */
:root[data-theme="dark"], .dark {
  --background-50:0.17 0.01 90;--background-100:0.20 0.012 90;--background-200:0.25 0.014 90;--background-300:0.32 0.016 90;--background-400:0.42 0.018 90;
  --background-500:0.52 0.02 90;--background-600:0.62 0.02 90;--background-700:0.72 0.02 90;--background-800:0.82 0.015 90;--background-900:0.90 0.01 90;--background-950:0.96 0.005 90;
  --foreground-50:0.14 0.01 250;--foreground-100:0.20 0.015 250;--foreground-200:0.28 0.02 250;--foreground-300:0.38 0.03 250;--foreground-400:0.50 0.04 250;
  --foreground-500:0.60 0.045 250;--foreground-600:0.70 0.04 250;--foreground-700:0.80 0.03 250;--foreground-800:0.88 0.02 250;--foreground-900:0.93 0.015 250;--foreground-950:0.97 0.01 250;
  /* Şablon əlavəsi (mənbədə yoxdur): açıq tint addımları dark-da tünd tintə çevrilir,
     yoxsa seçilmiş sətir / aktiv nav / dropdown seçimi ağ ləkə kimi görünür */
  --primary-50:0.24 0.05 70;--primary-100:0.30 0.07 70;
  --accent-50:0.22 0.04 165;--accent-100:0.28 0.06 165;
  --secondary-50:0.22 0.02 250;--secondary-100:0.28 0.03 250;
  color-scheme:dark;
}