/* GENERATED: design/Build-Tokens.ps1 <- design/tokens.json. Qo'lda tahrirlamang.
   Nocturne tokenlari. :root = qorong'i mavzu (tizimning o'z zamini), [data-theme="light"] = yorug'.
   Rang faqat rol (--color-*) yoki semantik alias (--t-*) orqali olinadi; rampa qadamini bevosita ishlatmang. */
:root {
  color-scheme: dark;
  --font-heading: "Inter", system-ui, sans-serif;
  --font-heading-weight: 500;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: Cascadia Mono, Consolas, ui-monospace, monospace;

  --fs-h1: 42px;
  --fs-h2: 32px;
  --fs-h3: 25px;
  --fs-h4: 20px;
  --fs-h5: 16px;
  --fs-h6: 13px;
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-hint: 12.5px;
  --fs-label: 11px;

  --space-1: 2.8px;
  --space-2: 5.6px;
  --space-3: 8.4px;
  --space-4: 11.2px;
  --space-6: 16.8px;
  --space-8: 22.4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  --color-neutral-100: #f3f5fe;
  --color-neutral-200: #e4e7f5;
  --color-neutral-300: #cfd3e5;
  --color-neutral-400: #b2b6ca;
  --color-neutral-500: #9397ab;
  --color-neutral-600: #75798c;
  --color-neutral-700: #595d6c;
  --color-neutral-800: #3f424d;
  --color-neutral-900: #292b31;
  --color-accent-100: #f5f4ff;
  --color-accent-200: #e7e5fe;
  --color-accent-300: #d2cefd;
  --color-accent-400: #b5abfc;
  --color-accent-500: #968ae0;
  --color-accent-600: #796cbf;
  --color-accent-700: #5d5294;
  --color-accent-800: #423a6a;
  --color-accent-900: #2b2741;

  --color-section: #262a60;
  --color-section-glow: #353b80;
  --color-section-ghost: #4c5397;

  --color-bg: #161826;
  --color-surface: #232532;
  --color-text: #e9e9ed;
  --color-accent: #9184d9;
  --color-divider: rgba(233,233,237,0.16);

  --t-body: var(--color-neutral-300);
  --t-muted: var(--color-neutral-400);
  --t-faint: var(--color-neutral-500);
  --t-dim: var(--color-neutral-600);
  --t-mark-bg: var(--color-neutral-700);
  --t-track: var(--color-neutral-800);
  --t-window: var(--color-neutral-900);
  --t-accent-fill: var(--color-accent-900);
  --t-accent-strip: var(--color-accent-800);
  --t-accent-border: var(--color-accent-700);
  --t-accent-body: var(--color-accent-300);
  --t-accent-text: var(--color-accent-200);
  --t-chip-bg: var(--color-accent-800);
  --t-chip-fg: var(--color-accent-100);
  --t-on-accent: var(--color-accent-100);
  --t-accent-hover: var(--color-accent-400);
  --t-accent-pressed: var(--color-accent-300);

  --tint-accent-10: rgba(145,132,217,0.1);
  --tint-accent-12: rgba(145,132,217,0.12);
  --tint-accent-18: rgba(145,132,217,0.18);
  --tint-accent-22: rgba(145,132,217,0.22);
  --tint-accent-30: rgba(145,132,217,0.3);
  --tint-text-4: rgba(233,233,237,0.04);
  --tint-text-7: rgba(233,233,237,0.07);
  --tint-text-8: rgba(233,233,237,0.08);
  --tint-text-14: rgba(233,233,237,0.14);
  --tint-text-45: rgba(233,233,237,0.45);
  --tint-text-50: rgba(233,233,237,0.5);
  --tint-text-55: rgba(233,233,237,0.55);
  --tint-text-60: rgba(233,233,237,0.6);
  --tint-text-70: rgba(233,233,237,0.7);
  --tint-text-85: rgba(233,233,237,0.85);

  --shadow-sm: 0 0 0 1px #3f424d;
  --shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,0.55);
  --shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,0.65);
}

[data-theme="light"] {
  color-scheme: light;
  --color-bg: var(--color-neutral-200);
  --color-surface: var(--color-neutral-100);
  --color-text: var(--color-neutral-900);
  --color-accent: var(--color-accent-600);
  --color-divider: rgba(41,43,49,0.18);

  --t-body: var(--color-neutral-800);
  --t-muted: var(--color-neutral-600);
  --t-faint: var(--color-neutral-600);
  --t-dim: var(--color-neutral-500);
  --t-mark-bg: var(--color-neutral-700);
  --t-track: var(--color-neutral-300);
  --t-window: var(--color-neutral-300);
  --t-accent-fill: var(--color-accent-200);
  --t-accent-strip: var(--color-accent-300);
  --t-accent-border: var(--color-accent-400);
  --t-accent-body: var(--color-accent-700);
  --t-accent-text: var(--color-accent-700);
  --t-chip-bg: var(--color-accent-600);
  --t-chip-fg: var(--color-accent-100);
  --t-on-accent: var(--color-accent-100);
  --t-accent-hover: var(--color-accent-700);
  --t-accent-pressed: var(--color-accent-800);

  --tint-accent-10: rgba(121,108,191,0.1);
  --tint-accent-12: rgba(121,108,191,0.12);
  --tint-accent-18: rgba(121,108,191,0.18);
  --tint-accent-22: rgba(121,108,191,0.22);
  --tint-accent-30: rgba(121,108,191,0.3);
  --tint-text-4: rgba(41,43,49,0.04);
  --tint-text-7: rgba(41,43,49,0.07);
  --tint-text-8: rgba(41,43,49,0.08);
  --tint-text-14: rgba(41,43,49,0.14);
  --tint-text-45: rgba(41,43,49,0.45);
  --tint-text-50: rgba(41,43,49,0.5);
  --tint-text-55: rgba(41,43,49,0.55);
  --tint-text-60: rgba(41,43,49,0.6);
  --tint-text-70: rgba(41,43,49,0.7);
  --tint-text-85: rgba(41,43,49,0.85);

  --shadow-sm: 0 0 0 1px rgba(41,43,49,0.12);
  --shadow-md: 0 0 0 1px rgba(41,43,49,0.12), 0 6px 18px rgba(41,43,49,0.12);
  --shadow-lg: 0 0 0 1px rgba(41,43,49,0.16), 0 16px 40px rgba(41,43,49,0.18);
}