/* ASAN Invest — dizayn tokenləri
   Mənbə: D:\Workspace\Projects\Developer\Asan.Invest\DESIGN.md (2026-08-17)
   Strategiya: Restrained. Azure hue 258-ə çalan neytrallar + bir brend rəngi.
   Neytrallarda krem/qum YOXDUR. Şəki şüşəsi rəngləri YALNIZ aksent (işarə, ikon, naxış). */

:root {
  /* səthlər */
  --bg:           oklch(0.977 0.004 250);
  --surface:      oklch(1 0 0);
  --surface-2:    oklch(0.962 0.006 250);
  --surface-3:    oklch(0.935 0.008 250);
  --line:         oklch(0.905 0.008 250);
  --line-strong:  oklch(0.84 0.01 250);

  /* mətn */
  --ink:   oklch(0.24 0.025 262);   /* 13.4:1 */
  --ink-2: oklch(0.44 0.02 262);    /* 6.3:1 */
  --ink-3: oklch(0.52 0.018 262);   /* 4.8:1 — mətn üçün döşəmə */

  /* brend */
  --brand:        oklch(0.44 0.145 258);
  --brand-hover:  oklch(0.375 0.142 258);
  --brand-active: oklch(0.33 0.14 258);
  --brand-soft:   oklch(0.955 0.025 258);
  --brand-border: oklch(0.80 0.06 258);
  --ring:         oklch(0.60 0.16 258);

  /* vəziyyət — həmişə mətn etiketi ilə */
  --ok:        oklch(0.47 0.11 158);  --ok-soft:   oklch(0.955 0.032 158);
  --warn:      oklch(0.53 0.115 70);  --warn-soft: oklch(0.962 0.045 78);
  --bad:       oklch(0.51 0.185 25);  --bad-soft:  oklch(0.958 0.028 25);

  /* Şəki şüşəsi — aksent ailəsi (heç vaxt mətn və ya səth deyil) */
  --glass-amber:   oklch(0.760 0.150 78);
  --glass-ruby:    oklch(0.505 0.185 22);
  --glass-cobalt:  oklch(0.470 0.145 258);
  --glass-emerald: oklch(0.510 0.110 165);
  --glass-turq:    oklch(0.660 0.095 195);

  /* forma */
  --r-control: 8px;  --r-panel: 12px;  --r-pill: 999px;

  /* kölgə — yalnız üzən qatlar, brend rənginə çalır */
  --shadow-1: 0 1px 2px oklch(0.24 0.025 262 / .06);
  --shadow-2: 0 4px 12px -2px oklch(0.24 0.025 262 / .12), 0 1px 3px oklch(0.24 0.025 262 / .06);
  --shadow-3: 0 16px 40px -8px oklch(0.24 0.025 262 / .22), 0 4px 10px -2px oklch(0.24 0.025 262 / .08);

  /* boşluq şkalası: 2 4 6 8 12 16 20 24 32 40 56 80 */
  --s-1:2px;--s-2:4px;--s-3:6px;--s-4:8px;--s-5:12px;--s-6:16px;--s-7:20px;--s-8:24px;--s-9:32px;--s-10:40px;--s-11:56px;--s-12:80px;

  /* tip: Inter, sabit rem, nisbət ~1.2 */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --t-12:0.75rem;--t-13:0.8125rem;--t-15:0.9375rem;--t-17:1.0625rem;--t-19:1.1875rem;--t-23:1.4375rem;--t-28:1.75rem;--t-34:2.125rem;--t-44:2.75rem;

  /* hərəkət */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 180ms;

  /* z-şkala */
  --z-dropdown:100;--z-sticky:200;--z-backdrop:300;--z-modal:400;--z-toast:500;--z-tooltip:600;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg:          oklch(0.185 0.014 262);
  --surface:     oklch(0.228 0.015 262);
  --surface-2:   oklch(0.262 0.016 262);
  --surface-3:   oklch(0.30 0.017 262);
  --line:        oklch(0.32 0.018 262);
  --line-strong: oklch(0.40 0.02 262);
  --ink:   oklch(0.965 0.005 262);
  --ink-2: oklch(0.78 0.012 262);
  --ink-3: oklch(0.665 0.014 262);
  --brand:        oklch(0.72 0.125 258);
  --brand-hover:  oklch(0.78 0.12 258);
  --brand-active: oklch(0.66 0.13 258);
  --brand-soft:   oklch(0.30 0.045 258);
  --brand-border: oklch(0.42 0.08 258);
  --ring:         oklch(0.72 0.14 258);
  --ok:   oklch(0.72 0.12 158);  --ok-soft:   oklch(0.28 0.04 158);
  --warn: oklch(0.78 0.13 75);   --warn-soft: oklch(0.30 0.05 75);
  --bad:  oklch(0.72 0.16 25);   --bad-soft:  oklch(0.30 0.05 25);
  --shadow-3: 0 16px 40px -8px oklch(0 0 0 / .6);
  color-scheme: dark;
}