/* GENERASİYA EDİLİB — scripts/generate-tokens.py. ƏLLƏ REDAKTƏ ETMƏ. */

@import url('./fonts.css');

/* Primitivlər — bütün skin-lər üçün ortaq */
:root {
    --space-0: 0;
    --space-px: 1px;
    --space-0-5: 0.125rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;
    --space-40: 10rem;
    --z-base: 0;
    --z-raised: 10;
    --z-dropdown: 1000;
    --z-sticky: 1100;
    --z-modal-backdrop: 1200;
    --z-modal: 1300;
    --z-toast: 1400;
    --z-tooltip: 1500;
    --duration-instant: 0ms;
    --duration-fast: 120ms;
    --duration-base: 180ms;
    --duration-slow: 240ms;
    --duration-slower: 400ms;
    --duration-hero: 700ms;
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --container-prose: 68ch;
    --container-narrow: 42rem;
    --container-content: 64rem;
    --container-wide: 80rem;
    --container-full: 96rem;
    --bp-sm: 40rem;
    --bp-md: 48rem;
    --bp-lg: 64rem;
    --bp-xl: 80rem;
    --bp-2xl: 96rem;
}

/* ── SKIN: neutral-pro (product / restrained)
   Alət tapşırığın içində əriyir. Rəng yalnız əsas əməliyyat, seçim və vəziyyət üçün. Sıx məlumat, sabit rem şkalası. */
:root, [data-skin="neutral-pro"] {
    --font-display: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.6875rem;
    --size-xs: 0.75rem;
    --size-sm: 0.8125rem;
    --size-base: 0.875rem;
    --size-md: 1rem;
    --size-lg: 1.125rem;
    --size-xl: 1.375rem;
    --size-2xl: 1.625rem;
    --size-3xl: 2rem;
    --size-4xl: 2.5rem;
    --size-5xl: 3rem;
    --leading-tight: 1.2;
    --leading-snug: 1.35;
    --leading-normal: 1.55;
    --leading-relaxed: 1.7;
    --tracking-tight: -0.011em;
    --tracking-normal: 0;
    --tracking-wide: 0.02em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.625rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 oklch(0.22 0.01 260 / 0.06);
    --shadow-md: 0 2px 4px -1px oklch(0.22 0.01 260 / 0.08), 0 1px 2px -1px oklch(0.22 0.01 260 / 0.06);
    --shadow-lg: 0 12px 24px -8px oklch(0.22 0.01 260 / 0.14), 0 2px 6px -2px oklch(0.22 0.01 260 / 0.08);
    --bg: oklch(1.0 0.0 0);
    --bg-hex: #ffffff;
    --bg-subtle: oklch(0.985 0.002 260);
    --bg-subtle-hex: #f9fafb;
    --surface: oklch(1.0 0.0 0);
    --surface-hex: #ffffff;
    --surface-2: oklch(0.975 0.004 260);
    --surface-2-hex: #f5f7f9;
    --surface-3: oklch(0.955 0.006 260);
    --surface-3-hex: #eef0f4;
    --border: oklch(0.905 0.006 260);
    --border-hex: #dde0e4;
    --border-strong: oklch(0.64 0.02 260);
    --border-strong-hex: #858d99;
    --text: oklch(0.24 0.012 260);
    --text-hex: #1c1f25;
    --text-muted: oklch(0.5 0.014 260);
    --text-muted-hex: #5f646b;
    --text-subtle: oklch(0.6 0.012 260);
    --text-subtle-hex: #7c8088;
    --text-disabled: oklch(0.72 0.008 260);
    --text-disabled-hex: #a2a5aa;
    --primary: oklch(0.45 0.15 260);
    --primary-hex: #1c50a7;
    --primary-hover: oklch(0.39 0.152 260);
    --primary-hover-hex: #053e94;
    --primary-active: oklch(0.34 0.1447 260);
    --primary-active-hex: #003081;
    --primary-subtle: oklch(0.96 0.0191 260);
    --primary-subtle-hex: #eaf2ff;
    --primary-border: oklch(0.86 0.06 260);
    --primary-border-hex: #bad2f9;
    --on-primary: oklch(1.0 0.0 0);
    --on-primary-hex: #ffffff;
    --accent: oklch(0.45 0.15 260);
    --accent-hex: #1c50a7;
    --on-accent: oklch(1.0 0.0 0);
    --on-accent-hex: #ffffff;
    --accent-subtle: oklch(0.96 0.0191 260);
    --accent-subtle-hex: #eaf2ff;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(1.0 0.0 0);
    --on-success-hex: #ffffff;
    --success-subtle: oklch(0.955 0.03 150);
    --success-subtle-hex: #e3f6e6;
    --warning: oklch(0.5 0.1109 68);
    --warning-hex: #8c5500;
    --on-warning: oklch(1.0 0.0 0);
    --on-warning-hex: #ffffff;
    --warning-subtle: oklch(0.96 0.0325 75);
    --warning-subtle-hex: #ffefda;
    --danger: oklch(0.5 0.19 26);
    --danger-hex: #b71920;
    --on-danger: oklch(1.0 0.0 0);
    --on-danger-hex: #ffffff;
    --danger-subtle: oklch(0.96 0.0198 26);
    --danger-subtle-hex: #ffedeb;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(1.0 0.0 0);
    --on-info-hex: #ffffff;
    --info-subtle: oklch(0.96 0.0225 235);
    --info-subtle-hex: #e4f5ff;
    --focus: oklch(0.52 0.17 260);
    --focus-hex: #2663c9;
    --selected: oklch(0.945 0.0263 260);
    --selected-hex: #e3eeff;
    --hover-veil: oklch(0.955 0.006 260);
    --hover-veil-hex: #eef0f4;
    --overlay: oklch(0.24 0.02 260);
    --overlay-hex: #1a2029;
    --brand-surface: oklch(0.32 0.12 260);
    --brand-surface-hex: #062e6e;
    --on-brand-surface: oklch(0.97 0.01 260);
    --on-brand-surface-hex: #f1f5fc;
}

[data-skin="neutral-pro"][data-theme="light"] {
    --bg: oklch(1.0 0.0 0);
    --bg-hex: #ffffff;
    --bg-subtle: oklch(0.985 0.002 260);
    --bg-subtle-hex: #f9fafb;
    --surface: oklch(1.0 0.0 0);
    --surface-hex: #ffffff;
    --surface-2: oklch(0.975 0.004 260);
    --surface-2-hex: #f5f7f9;
    --surface-3: oklch(0.955 0.006 260);
    --surface-3-hex: #eef0f4;
    --border: oklch(0.905 0.006 260);
    --border-hex: #dde0e4;
    --border-strong: oklch(0.64 0.02 260);
    --border-strong-hex: #858d99;
    --text: oklch(0.24 0.012 260);
    --text-hex: #1c1f25;
    --text-muted: oklch(0.5 0.014 260);
    --text-muted-hex: #5f646b;
    --text-subtle: oklch(0.6 0.012 260);
    --text-subtle-hex: #7c8088;
    --text-disabled: oklch(0.72 0.008 260);
    --text-disabled-hex: #a2a5aa;
    --primary: oklch(0.45 0.15 260);
    --primary-hex: #1c50a7;
    --primary-hover: oklch(0.39 0.152 260);
    --primary-hover-hex: #053e94;
    --primary-active: oklch(0.34 0.1447 260);
    --primary-active-hex: #003081;
    --primary-subtle: oklch(0.96 0.0191 260);
    --primary-subtle-hex: #eaf2ff;
    --primary-border: oklch(0.86 0.06 260);
    --primary-border-hex: #bad2f9;
    --on-primary: oklch(1.0 0.0 0);
    --on-primary-hex: #ffffff;
    --accent: oklch(0.45 0.15 260);
    --accent-hex: #1c50a7;
    --on-accent: oklch(1.0 0.0 0);
    --on-accent-hex: #ffffff;
    --accent-subtle: oklch(0.96 0.0191 260);
    --accent-subtle-hex: #eaf2ff;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(1.0 0.0 0);
    --on-success-hex: #ffffff;
    --success-subtle: oklch(0.955 0.03 150);
    --success-subtle-hex: #e3f6e6;
    --warning: oklch(0.5 0.1109 68);
    --warning-hex: #8c5500;
    --on-warning: oklch(1.0 0.0 0);
    --on-warning-hex: #ffffff;
    --warning-subtle: oklch(0.96 0.0325 75);
    --warning-subtle-hex: #ffefda;
    --danger: oklch(0.5 0.19 26);
    --danger-hex: #b71920;
    --on-danger: oklch(1.0 0.0 0);
    --on-danger-hex: #ffffff;
    --danger-subtle: oklch(0.96 0.0198 26);
    --danger-subtle-hex: #ffedeb;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(1.0 0.0 0);
    --on-info-hex: #ffffff;
    --info-subtle: oklch(0.96 0.0225 235);
    --info-subtle-hex: #e4f5ff;
    --focus: oklch(0.52 0.17 260);
    --focus-hex: #2663c9;
    --selected: oklch(0.945 0.0263 260);
    --selected-hex: #e3eeff;
    --hover-veil: oklch(0.955 0.006 260);
    --hover-veil-hex: #eef0f4;
    --overlay: oklch(0.24 0.02 260);
    --overlay-hex: #1a2029;
    --brand-surface: oklch(0.32 0.12 260);
    --brand-surface-hex: #062e6e;
    --on-brand-surface: oklch(0.97 0.01 260);
    --on-brand-surface-hex: #f1f5fc;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]), [data-skin="neutral-pro"]:not([data-theme="light"]) {
      --bg: oklch(0.16 0.008 260);
      --bg-hex: #0b0d11;
      --bg-subtle: oklch(0.135 0.008 260);
      --bg-subtle-hex: #07080b;
      --surface: oklch(0.2 0.009 260);
      --surface-hex: #14161a;
      --surface-2: oklch(0.238 0.011 260);
      --surface-2-hex: #1c1f24;
      --surface-3: oklch(0.275 0.012 260);
      --surface-3-hex: #24282e;
      --border: oklch(0.31 0.013 260);
      --border-hex: #2c3137;
      --border-strong: oklch(0.55 0.025 260);
      --border-strong-hex: #697281;
      --text: oklch(0.96 0.004 260);
      --text-hex: #f0f2f4;
      --text-muted: oklch(0.74 0.012 260);
      --text-muted-hex: #a6abb3;
      --text-subtle: oklch(0.64 0.012 260);
      --text-subtle-hex: #888c94;
      --text-disabled: oklch(0.48 0.01 260);
      --text-disabled-hex: #5a5e63;
      --primary: oklch(0.68 0.145 260);
      --primary-hex: #6197f1;
      --primary-hover: oklch(0.75 0.1288 260);
      --primary-hover-hex: #7daeff;
      --primary-active: oklch(0.8 0.1011 260);
      --primary-active-hex: #98bfff;
      --primary-subtle: oklch(0.26 0.045 260);
      --primary-subtle-hex: #17243a;
      --primary-border: oklch(0.36 0.07 260);
      --primary-border-hex: #273d62;
      --on-primary: oklch(0.16 0.03 260);
      --on-primary-hex: #060d1a;
      --accent: oklch(0.68 0.145 260);
      --accent-hex: #6197f1;
      --on-accent: oklch(0.16 0.03 260);
      --on-accent-hex: #060d1a;
      --accent-subtle: oklch(0.26 0.045 260);
      --accent-subtle-hex: #17243a;
      --success: oklch(0.74 0.135 152);
      --success-hex: #61c380;
      --on-success: oklch(0.16 0.03 152);
      --on-success-hex: #041107;
      --success-subtle: oklch(0.26 0.05 152);
      --success-subtle-hex: #0e2b18;
      --warning: oklch(0.8 0.13 78);
      --warning-hex: #ebb353;
      --on-warning: oklch(0.18 0.04 78);
      --on-warning-hex: #1b0f00;
      --warning-subtle: oklch(0.28 0.055 72);
      --warning-subtle-hex: #392404;
      --danger: oklch(0.7 0.16 26);
      --danger-hex: #f27168;
      --on-danger: oklch(0.16 0.03 26);
      --on-danger-hex: #180807;
      --danger-subtle: oklch(0.27 0.06 26);
      --danger-subtle-hex: #3f1916;
      --info: oklch(0.74 0.105 235);
      --info-hex: #62b5e4;
      --on-info: oklch(0.16 0.03 235);
      --on-info-hex: #010f18;
      --info-subtle: oklch(0.26 0.045 235);
      --info-subtle-hex: #0a2737;
      --focus: oklch(0.72 0.1459 260);
      --focus-hex: #6da4ff;
      --selected: oklch(0.28 0.05 260);
      --selected-hex: #1a2941;
      --hover-veil: oklch(0.245 0.012 260);
      --hover-veil-hex: #1d2126;
      --overlay: oklch(0.08 0.01 260);
      --overlay-hex: #010203;
      --brand-surface: oklch(0.28 0.11 260);
      --brand-surface-hex: #02245e;
      --on-brand-surface: oklch(0.96 0.008 260);
      --on-brand-surface-hex: #eff2f7;
  }
}

:root[data-theme="dark"], [data-skin="neutral-pro"][data-theme="dark"] {
    --bg: oklch(0.16 0.008 260);
    --bg-hex: #0b0d11;
    --bg-subtle: oklch(0.135 0.008 260);
    --bg-subtle-hex: #07080b;
    --surface: oklch(0.2 0.009 260);
    --surface-hex: #14161a;
    --surface-2: oklch(0.238 0.011 260);
    --surface-2-hex: #1c1f24;
    --surface-3: oklch(0.275 0.012 260);
    --surface-3-hex: #24282e;
    --border: oklch(0.31 0.013 260);
    --border-hex: #2c3137;
    --border-strong: oklch(0.55 0.025 260);
    --border-strong-hex: #697281;
    --text: oklch(0.96 0.004 260);
    --text-hex: #f0f2f4;
    --text-muted: oklch(0.74 0.012 260);
    --text-muted-hex: #a6abb3;
    --text-subtle: oklch(0.64 0.012 260);
    --text-subtle-hex: #888c94;
    --text-disabled: oklch(0.48 0.01 260);
    --text-disabled-hex: #5a5e63;
    --primary: oklch(0.68 0.145 260);
    --primary-hex: #6197f1;
    --primary-hover: oklch(0.75 0.1288 260);
    --primary-hover-hex: #7daeff;
    --primary-active: oklch(0.8 0.1011 260);
    --primary-active-hex: #98bfff;
    --primary-subtle: oklch(0.26 0.045 260);
    --primary-subtle-hex: #17243a;
    --primary-border: oklch(0.36 0.07 260);
    --primary-border-hex: #273d62;
    --on-primary: oklch(0.16 0.03 260);
    --on-primary-hex: #060d1a;
    --accent: oklch(0.68 0.145 260);
    --accent-hex: #6197f1;
    --on-accent: oklch(0.16 0.03 260);
    --on-accent-hex: #060d1a;
    --accent-subtle: oklch(0.26 0.045 260);
    --accent-subtle-hex: #17243a;
    --success: oklch(0.74 0.135 152);
    --success-hex: #61c380;
    --on-success: oklch(0.16 0.03 152);
    --on-success-hex: #041107;
    --success-subtle: oklch(0.26 0.05 152);
    --success-subtle-hex: #0e2b18;
    --warning: oklch(0.8 0.13 78);
    --warning-hex: #ebb353;
    --on-warning: oklch(0.18 0.04 78);
    --on-warning-hex: #1b0f00;
    --warning-subtle: oklch(0.28 0.055 72);
    --warning-subtle-hex: #392404;
    --danger: oklch(0.7 0.16 26);
    --danger-hex: #f27168;
    --on-danger: oklch(0.16 0.03 26);
    --on-danger-hex: #180807;
    --danger-subtle: oklch(0.27 0.06 26);
    --danger-subtle-hex: #3f1916;
    --info: oklch(0.74 0.105 235);
    --info-hex: #62b5e4;
    --on-info: oklch(0.16 0.03 235);
    --on-info-hex: #010f18;
    --info-subtle: oklch(0.26 0.045 235);
    --info-subtle-hex: #0a2737;
    --focus: oklch(0.72 0.1459 260);
    --focus-hex: #6da4ff;
    --selected: oklch(0.28 0.05 260);
    --selected-hex: #1a2941;
    --hover-veil: oklch(0.245 0.012 260);
    --hover-veil-hex: #1d2126;
    --overlay: oklch(0.08 0.01 260);
    --overlay-hex: #010203;
    --brand-surface: oklch(0.28 0.11 260);
    --brand-surface-hex: #02245e;
    --on-brand-surface: oklch(0.96 0.008 260);
    --on-brand-surface-hex: #eff2f7;
}

/* ── SKIN: signal (brand / committed)
   Kobalt səthin 30-60%-ni daşıyır; tək isti kəhrəba aksent kalibr lampası kimi işləyir. Display üçün geniş geometrik Unbounded, gövdə üçün eyni Commissioner (bir gövdə şrifti = az yükləmə). */
[data-skin="signal"] {
    --font-display: 'Unbounded', 'Commissioner', ui-sans-serif, system-ui, sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.75rem;
    --size-xs: 0.8125rem;
    --size-sm: 0.9375rem;
    --size-base: 1.0625rem;
    --size-md: 1.1875rem;
    --size-lg: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
    --size-xl: clamp(1.5rem, 1.25rem + 1.2vw, 2rem);
    --size-2xl: clamp(1.9rem, 1.5rem + 1.9vw, 2.75rem);
    --size-3xl: clamp(2.4rem, 1.8rem + 2.9vw, 3.75rem);
    --size-4xl: clamp(3rem, 2rem + 4.4vw, 5rem);
    --size-5xl: clamp(3.4rem, 2rem + 6vw, 6rem);
    --leading-tight: 1.04;
    --leading-snug: 1.22;
    --leading-normal: 1.6;
    --leading-relaxed: 1.75;
    --tracking-tight: -0.03em;
    --tracking-normal: 0;
    --tracking-wide: 0.01em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.125rem;
    --radius-md: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 oklch(0.11 0.03 260 / 0.14);
    --shadow-md: 0 6px 16px -6px oklch(0.11 0.05 260 / 0.28);
    --shadow-lg: 0 28px 60px -24px oklch(0.11 0.07 260 / 0.45);
    --bg: oklch(0.975 0.0119 260);
    --bg-hex: #f2f7ff;
    --bg-subtle: oklch(0.945 0.016 260);
    --bg-subtle-hex: #e7edf8;
    --surface: oklch(1.0 0.0 0);
    --surface-hex: #ffffff;
    --surface-2: oklch(0.955 0.014 260);
    --surface-2-hex: #ebf1fa;
    --surface-3: oklch(0.925 0.018 260);
    --surface-3-hex: #dfe7f3;
    --border: oklch(0.885 0.022 260);
    --border-hex: #d1dae8;
    --border-strong: oklch(0.63 0.04 260);
    --border-strong-hex: #7b8aa2;
    --text: oklch(0.2 0.03 260);
    --text-hex: #0e1624;
    --text-muted: oklch(0.47 0.035 260);
    --text-muted-hex: #4f5b6f;
    --text-subtle: oklch(0.57 0.03 260);
    --text-subtle-hex: #6d788a;
    --text-disabled: oklch(0.7 0.02 260);
    --text-disabled-hex: #979fab;
    --primary: oklch(0.42 0.16 260);
    --primary-hex: #0a46a2;
    --primary-hover: oklch(0.36 0.1521 260);
    --primary-hover-hex: #00358b;
    --primary-active: oklch(0.31 0.1337 260);
    --primary-active-hex: #002972;
    --primary-subtle: oklch(0.94 0.0288 260);
    --primary-subtle-hex: #e0ecff;
    --primary-border: oklch(0.83 0.075 260);
    --primary-border-hex: #abc9f9;
    --on-primary: oklch(0.99 0.0048 260);
    --on-primary-hex: #fafcff;
    --accent: oklch(0.78 0.145 72);
    --accent-hex: #f0a63c;
    --on-accent: oklch(0.22 0.05 62);
    --on-accent-hex: #2b1400;
    --accent-subtle: oklch(0.95 0.0355 68);
    --accent-subtle-hex: #ffebd6;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(1.0 0.0 0);
    --on-success-hex: #ffffff;
    --success-subtle: oklch(0.945 0.035 150);
    --success-subtle-hex: #ddf4e1;
    --warning: oklch(0.5 0.1109 68);
    --warning-hex: #8c5500;
    --on-warning: oklch(1.0 0.0 0);
    --on-warning-hex: #ffffff;
    --warning-subtle: oklch(0.95 0.0382 72);
    --warning-subtle-hex: #ffebd3;
    --danger: oklch(0.49 0.19 26);
    --danger-hex: #b3131d;
    --on-danger: oklch(1.0 0.0 0);
    --on-danger-hex: #ffffff;
    --danger-subtle: oklch(0.95 0.025 26);
    --danger-subtle-hex: #ffe9e6;
    --info: oklch(0.47 0.1 235);
    --info-hex: #00638a;
    --on-info: oklch(1.0 0.0 0);
    --on-info-hex: #ffffff;
    --info-subtle: oklch(0.95 0.0282 235);
    --info-subtle-hex: #ddf2ff;
    --focus: oklch(0.5 0.175 260);
    --focus-hex: #1c5dc5;
    --selected: oklch(0.93 0.0337 260);
    --selected-hex: #dbe9ff;
    --hover-veil: oklch(0.94 0.018 260);
    --hover-veil-hex: #e4ecf8;
    --overlay: oklch(0.2 0.05 260);
    --overlay-hex: #08152c;
    --brand-surface: oklch(0.28 0.1233 260);
    --brand-surface-hex: #002264;
    --on-brand-surface: oklch(0.97 0.012 260);
    --on-brand-surface-hex: #f0f5fd;
}

[data-skin="signal"][data-theme="light"] {
    --bg: oklch(0.975 0.0119 260);
    --bg-hex: #f2f7ff;
    --bg-subtle: oklch(0.945 0.016 260);
    --bg-subtle-hex: #e7edf8;
    --surface: oklch(1.0 0.0 0);
    --surface-hex: #ffffff;
    --surface-2: oklch(0.955 0.014 260);
    --surface-2-hex: #ebf1fa;
    --surface-3: oklch(0.925 0.018 260);
    --surface-3-hex: #dfe7f3;
    --border: oklch(0.885 0.022 260);
    --border-hex: #d1dae8;
    --border-strong: oklch(0.63 0.04 260);
    --border-strong-hex: #7b8aa2;
    --text: oklch(0.2 0.03 260);
    --text-hex: #0e1624;
    --text-muted: oklch(0.47 0.035 260);
    --text-muted-hex: #4f5b6f;
    --text-subtle: oklch(0.57 0.03 260);
    --text-subtle-hex: #6d788a;
    --text-disabled: oklch(0.7 0.02 260);
    --text-disabled-hex: #979fab;
    --primary: oklch(0.42 0.16 260);
    --primary-hex: #0a46a2;
    --primary-hover: oklch(0.36 0.1521 260);
    --primary-hover-hex: #00358b;
    --primary-active: oklch(0.31 0.1337 260);
    --primary-active-hex: #002972;
    --primary-subtle: oklch(0.94 0.0288 260);
    --primary-subtle-hex: #e0ecff;
    --primary-border: oklch(0.83 0.075 260);
    --primary-border-hex: #abc9f9;
    --on-primary: oklch(0.99 0.0048 260);
    --on-primary-hex: #fafcff;
    --accent: oklch(0.78 0.145 72);
    --accent-hex: #f0a63c;
    --on-accent: oklch(0.22 0.05 62);
    --on-accent-hex: #2b1400;
    --accent-subtle: oklch(0.95 0.0355 68);
    --accent-subtle-hex: #ffebd6;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(1.0 0.0 0);
    --on-success-hex: #ffffff;
    --success-subtle: oklch(0.945 0.035 150);
    --success-subtle-hex: #ddf4e1;
    --warning: oklch(0.5 0.1109 68);
    --warning-hex: #8c5500;
    --on-warning: oklch(1.0 0.0 0);
    --on-warning-hex: #ffffff;
    --warning-subtle: oklch(0.95 0.0382 72);
    --warning-subtle-hex: #ffebd3;
    --danger: oklch(0.49 0.19 26);
    --danger-hex: #b3131d;
    --on-danger: oklch(1.0 0.0 0);
    --on-danger-hex: #ffffff;
    --danger-subtle: oklch(0.95 0.025 26);
    --danger-subtle-hex: #ffe9e6;
    --info: oklch(0.47 0.1 235);
    --info-hex: #00638a;
    --on-info: oklch(1.0 0.0 0);
    --on-info-hex: #ffffff;
    --info-subtle: oklch(0.95 0.0282 235);
    --info-subtle-hex: #ddf2ff;
    --focus: oklch(0.5 0.175 260);
    --focus-hex: #1c5dc5;
    --selected: oklch(0.93 0.0337 260);
    --selected-hex: #dbe9ff;
    --hover-veil: oklch(0.94 0.018 260);
    --hover-veil-hex: #e4ecf8;
    --overlay: oklch(0.2 0.05 260);
    --overlay-hex: #08152c;
    --brand-surface: oklch(0.28 0.1233 260);
    --brand-surface-hex: #002264;
    --on-brand-surface: oklch(0.97 0.012 260);
    --on-brand-surface-hex: #f0f5fd;
}

@media (prefers-color-scheme: dark) {
  [data-skin="signal"]:not([data-theme="light"]) {
      --bg: oklch(0.115 0.022 260);
      --bg-hex: #02050d;
      --bg-subtle: oklch(0.09 0.02 260);
      --bg-subtle-hex: #010207;
      --surface: oklch(0.155 0.026 260);
      --surface-hex: #060c17;
      --surface-2: oklch(0.195 0.032 260);
      --surface-2-hex: #0c1523;
      --surface-3: oklch(0.235 0.038 260);
      --surface-3-hex: #131e30;
      --border: oklch(0.27 0.04 260);
      --border-hex: #1b273a;
      --border-strong: oklch(0.54 0.05 260);
      --border-strong-hex: #5e6f8c;
      --text: oklch(0.96 0.008 260);
      --text-hex: #eff2f7;
      --text-muted: oklch(0.75 0.025 260);
      --text-muted-hex: #a5afbe;
      --text-subtle: oklch(0.65 0.028 260);
      --text-subtle-hex: #8590a1;
      --text-disabled: oklch(0.46 0.025 260);
      --text-disabled-hex: #505966;
      --primary: oklch(0.7 0.15 260);
      --primary-hex: #659dfb;
      --primary-hover: oklch(0.78 0.112 260);
      --primary-hover-hex: #8db8ff;
      --primary-active: oklch(0.84 0.0796 260);
      --primary-active-hex: #adccff;
      --primary-subtle: oklch(0.23 0.06 260);
      --primary-subtle-hex: #0b1c39;
      --primary-border: oklch(0.34 0.085 260);
      --primary-border-hex: #1c3763;
      --on-primary: oklch(0.12 0.04 260);
      --on-primary-hex: #010515;
      --accent: oklch(0.82 0.1493 72);
      --accent-hex: #ffb346;
      --on-accent: oklch(0.16 0.05 62);
      --on-accent-hex: #1c0700;
      --accent-subtle: oklch(0.26 0.0627 66);
      --accent-subtle-hex: #381c00;
      --success: oklch(0.75 0.135 152);
      --success-hex: #64c683;
      --on-success: oklch(0.14 0.04 152);
      --on-success-hex: #000d03;
      --success-subtle: oklch(0.24 0.055 152);
      --success-subtle-hex: #062612;
      --warning: oklch(0.82 0.13 78);
      --warning-hex: #f2b95a;
      --on-warning: oklch(0.16 0.045 78);
      --on-warning-hex: #170a00;
      --warning-subtle: oklch(0.26 0.06 72);
      --warning-subtle-hex: #351e00;
      --danger: oklch(0.71 0.16 26);
      --danger-hex: #f5746b;
      --on-danger: oklch(0.14 0.04 26);
      --on-danger-hex: #160303;
      --danger-subtle: oklch(0.25 0.065 26);
      --danger-subtle-hex: #3b1310;
      --info: oklch(0.75 0.105 235);
      --info-hex: #66b9e7;
      --on-info: oklch(0.14 0.04 235);
      --on-info-hex: #000b17;
      --info-subtle: oklch(0.24 0.05 235);
      --info-subtle-hex: #012333;
      --focus: oklch(0.74 0.1345 260);
      --focus-hex: #78abff;
      --selected: oklch(0.25 0.065 260);
      --selected-hex: #0e2140;
      --hover-veil: oklch(0.2 0.035 260);
      --hover-veil-hex: #0c1626;
      --overlay: oklch(0.06 0.02 260);
      --overlay-hex: #000103;
      --brand-surface: oklch(0.24 0.1108 260);
      --brand-surface-hex: #001952;
      --on-brand-surface: oklch(0.97 0.01 260);
      --on-brand-surface-hex: #f1f5fc;
  }
}

[data-skin="signal"][data-theme="dark"] {
    --bg: oklch(0.115 0.022 260);
    --bg-hex: #02050d;
    --bg-subtle: oklch(0.09 0.02 260);
    --bg-subtle-hex: #010207;
    --surface: oklch(0.155 0.026 260);
    --surface-hex: #060c17;
    --surface-2: oklch(0.195 0.032 260);
    --surface-2-hex: #0c1523;
    --surface-3: oklch(0.235 0.038 260);
    --surface-3-hex: #131e30;
    --border: oklch(0.27 0.04 260);
    --border-hex: #1b273a;
    --border-strong: oklch(0.54 0.05 260);
    --border-strong-hex: #5e6f8c;
    --text: oklch(0.96 0.008 260);
    --text-hex: #eff2f7;
    --text-muted: oklch(0.75 0.025 260);
    --text-muted-hex: #a5afbe;
    --text-subtle: oklch(0.65 0.028 260);
    --text-subtle-hex: #8590a1;
    --text-disabled: oklch(0.46 0.025 260);
    --text-disabled-hex: #505966;
    --primary: oklch(0.7 0.15 260);
    --primary-hex: #659dfb;
    --primary-hover: oklch(0.78 0.112 260);
    --primary-hover-hex: #8db8ff;
    --primary-active: oklch(0.84 0.0796 260);
    --primary-active-hex: #adccff;
    --primary-subtle: oklch(0.23 0.06 260);
    --primary-subtle-hex: #0b1c39;
    --primary-border: oklch(0.34 0.085 260);
    --primary-border-hex: #1c3763;
    --on-primary: oklch(0.12 0.04 260);
    --on-primary-hex: #010515;
    --accent: oklch(0.82 0.1493 72);
    --accent-hex: #ffb346;
    --on-accent: oklch(0.16 0.05 62);
    --on-accent-hex: #1c0700;
    --accent-subtle: oklch(0.26 0.0627 66);
    --accent-subtle-hex: #381c00;
    --success: oklch(0.75 0.135 152);
    --success-hex: #64c683;
    --on-success: oklch(0.14 0.04 152);
    --on-success-hex: #000d03;
    --success-subtle: oklch(0.24 0.055 152);
    --success-subtle-hex: #062612;
    --warning: oklch(0.82 0.13 78);
    --warning-hex: #f2b95a;
    --on-warning: oklch(0.16 0.045 78);
    --on-warning-hex: #170a00;
    --warning-subtle: oklch(0.26 0.06 72);
    --warning-subtle-hex: #351e00;
    --danger: oklch(0.71 0.16 26);
    --danger-hex: #f5746b;
    --on-danger: oklch(0.14 0.04 26);
    --on-danger-hex: #160303;
    --danger-subtle: oklch(0.25 0.065 26);
    --danger-subtle-hex: #3b1310;
    --info: oklch(0.75 0.105 235);
    --info-hex: #66b9e7;
    --on-info: oklch(0.14 0.04 235);
    --on-info-hex: #000b17;
    --info-subtle: oklch(0.24 0.05 235);
    --info-subtle-hex: #012333;
    --focus: oklch(0.74 0.1345 260);
    --focus-hex: #78abff;
    --selected: oklch(0.25 0.065 260);
    --selected-hex: #0e2140;
    --hover-veil: oklch(0.2 0.035 260);
    --hover-veil-hex: #0c1626;
    --overlay: oklch(0.06 0.02 260);
    --overlay-hex: #000103;
    --brand-surface: oklch(0.24 0.1108 260);
    --brand-surface-hex: #001952;
    --on-brand-surface: oklch(0.97 0.01 260);
    --on-brand-surface-hex: #f1f5fc;
}

/* ── SKIN: clinical (institution / legible)
   Sıxlıq deyil, aydınlıq. Baza ölçü böyük, sətir aralığı geniş, kölgə demək olar yoxdur — qatlar sərhədlə ayrılır. Rəng yalnız vəziyyət bildirir: norma, kənarlaşma, təcili. Səhv oxunuş burada zərərdir, estetik məsələ deyil. */
[data-skin="clinical"] {
    --font-display: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.8125rem;
    --size-xs: 0.875rem;
    --size-sm: 0.9375rem;
    --size-base: 1rem;
    --size-md: 1.0625rem;
    --size-lg: 1.1875rem;
    --size-xl: 1.375rem;
    --size-2xl: 1.625rem;
    --size-3xl: 2rem;
    --size-4xl: 2.375rem;
    --size-5xl: 2.875rem;
    --leading-tight: 1.25;
    --leading-snug: 1.4;
    --leading-normal: 1.65;
    --leading-relaxed: 1.8;
    --tracking-tight: -0.008em;
    --tracking-normal: 0;
    --tracking-wide: 0.02em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.875rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 1px 0 oklch(0.25 0.01 215 / 0.04);
    --shadow-md: 0 1px 3px -1px oklch(0.25 0.01 215 / 0.07);
    --shadow-lg: 0 8px 20px -10px oklch(0.25 0.01 215 / 0.12);
    --bg: oklch(0.995 0.004 215);
    --bg-hex: #fbfeff;
    --bg-subtle: oklch(0.985 0.008 215);
    --bg-subtle-hex: #f4fcfd;
    --surface: oklch(0.995 0.004 215);
    --surface-hex: #fbfeff;
    --surface-2: oklch(0.975 0.008 215);
    --surface-2-hex: #f1f8fa;
    --surface-3: oklch(0.955 0.01 215);
    --surface-3-hex: #e9f2f4;
    --border: oklch(0.905 0.012 215);
    --border-hex: #d7e2e5;
    --border-strong: oklch(0.64 0.024 215);
    --border-strong-hex: #7c9095;
    --text: oklch(0.25 0.016 215);
    --text-hex: #192426;
    --text-muted: oklch(0.51 0.018 215);
    --text-muted-hex: #5b696d;
    --text-subtle: oklch(0.61 0.016 215);
    --text-subtle-hex: #798689;
    --text-disabled: oklch(0.73 0.01 215);
    --text-disabled-hex: #a1a9ac;
    --primary: oklch(0.45 0.0774 200);
    --primary-hex: #006266;
    --primary-hover: oklch(0.39 0.0675 200);
    --primary-hover-hex: #005053;
    --primary-active: oklch(0.34 0.0593 200);
    --primary-active-hex: #004144;
    --primary-subtle: oklch(0.96 0.015 200);
    --primary-subtle-hex: #e7f5f6;
    --primary-border: oklch(0.85 0.046 200);
    --primary-border-hex: #abd7da;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.45 0.0774 200);
    --accent-hex: #006266;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.955 0.0184 200);
    --accent-subtle-hex: #e3f4f5;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.955 0.023 150);
    --success-subtle-hex: #e6f5e8;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.955 0.022 68);
    --warning-subtle-hex: #faeee1;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.955 0.0224 26);
    --danger-subtle-hex: #ffebe8;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.955 0.02 235);
    --info-subtle-hex: #e4f3fc;
    --focus: oklch(0.51 0.0874 200);
    --focus-hex: #00757a;
    --selected: oklch(0.945 0.0207 200);
    --selected-hex: #def1f2;
    --hover-veil: oklch(0.958 0.008 215);
    --hover-veil-hex: #ebf3f4;
    --overlay: oklch(0.25 0.02 215);
    --overlay-hex: #162428;
    --brand-surface: oklch(0.34 0.0593 200);
    --brand-surface-hex: #004144;
    --on-brand-surface: oklch(0.97 0.0068 200);
    --on-brand-surface-hex: #f0f7f7;
}

[data-skin="clinical"][data-theme="light"] {
    --bg: oklch(0.995 0.004 215);
    --bg-hex: #fbfeff;
    --bg-subtle: oklch(0.985 0.008 215);
    --bg-subtle-hex: #f4fcfd;
    --surface: oklch(0.995 0.004 215);
    --surface-hex: #fbfeff;
    --surface-2: oklch(0.975 0.008 215);
    --surface-2-hex: #f1f8fa;
    --surface-3: oklch(0.955 0.01 215);
    --surface-3-hex: #e9f2f4;
    --border: oklch(0.905 0.012 215);
    --border-hex: #d7e2e5;
    --border-strong: oklch(0.64 0.024 215);
    --border-strong-hex: #7c9095;
    --text: oklch(0.25 0.016 215);
    --text-hex: #192426;
    --text-muted: oklch(0.51 0.018 215);
    --text-muted-hex: #5b696d;
    --text-subtle: oklch(0.61 0.016 215);
    --text-subtle-hex: #798689;
    --text-disabled: oklch(0.73 0.01 215);
    --text-disabled-hex: #a1a9ac;
    --primary: oklch(0.45 0.0774 200);
    --primary-hex: #006266;
    --primary-hover: oklch(0.39 0.0675 200);
    --primary-hover-hex: #005053;
    --primary-active: oklch(0.34 0.0593 200);
    --primary-active-hex: #004144;
    --primary-subtle: oklch(0.96 0.015 200);
    --primary-subtle-hex: #e7f5f6;
    --primary-border: oklch(0.85 0.046 200);
    --primary-border-hex: #abd7da;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.45 0.0774 200);
    --accent-hex: #006266;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.955 0.0184 200);
    --accent-subtle-hex: #e3f4f5;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.955 0.023 150);
    --success-subtle-hex: #e6f5e8;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.955 0.022 68);
    --warning-subtle-hex: #faeee1;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.955 0.0224 26);
    --danger-subtle-hex: #ffebe8;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.955 0.02 235);
    --info-subtle-hex: #e4f3fc;
    --focus: oklch(0.51 0.0874 200);
    --focus-hex: #00757a;
    --selected: oklch(0.945 0.0207 200);
    --selected-hex: #def1f2;
    --hover-veil: oklch(0.958 0.008 215);
    --hover-veil-hex: #ebf3f4;
    --overlay: oklch(0.25 0.02 215);
    --overlay-hex: #162428;
    --brand-surface: oklch(0.34 0.0593 200);
    --brand-surface-hex: #004144;
    --on-brand-surface: oklch(0.97 0.0068 200);
    --on-brand-surface-hex: #f0f7f7;
}

@media (prefers-color-scheme: dark) {
  [data-skin="clinical"]:not([data-theme="light"]) {
      --bg: oklch(0.17 0.009 215);
      --bg-hex: #0b1012;
      --bg-subtle: oklch(0.145 0.009 215);
      --bg-subtle-hex: #060b0c;
      --surface: oklch(0.21 0.0099 215);
      --surface-hex: #131a1b;
      --surface-2: oklch(0.248 0.0117 215);
      --surface-2-hex: #1b2325;
      --surface-3: oklch(0.285 0.0135 215);
      --surface-3-hex: #232c2e;
      --border: oklch(0.32 0.0144 215);
      --border-hex: #2b3537;
      --border-strong: oklch(0.55 0.027 215);
      --border-strong-hex: #60767b;
      --text: oklch(0.96 0.0045 215);
      --text-hex: #eff3f4;
      --text-muted: oklch(0.74 0.0126 215);
      --text-muted-hex: #a2adb0;
      --text-subtle: oklch(0.64 0.0126 215);
      --text-subtle-hex: #848e91;
      --text-disabled: oklch(0.48 0.0108 215);
      --text-disabled-hex: #575f61;
      --primary: oklch(0.72 0.115 200);
      --primary-hex: #28bac1;
      --primary-hover: oklch(0.79 0.1035 200);
      --primary-hover-hex: #5ccfd5;
      --primary-active: oklch(0.84 0.0863 200);
      --primary-active-hex: #82dce1;
      --primary-subtle: oklch(0.27 0.0403 200);
      --primary-subtle-hex: #072c2e;
      --primary-border: oklch(0.37 0.0575 200);
      --primary-border-hex: #0d494c;
      --on-primary: oklch(0.16 0.03 200);
      --on-primary-hex: #001112;
      --accent: oklch(0.72 0.115 200);
      --accent-hex: #28bac1;
      --on-accent: oklch(0.16 0.03 200);
      --on-accent-hex: #001112;
      --accent-subtle: oklch(0.27 0.046 200);
      --accent-subtle-hex: #002d2f;
      --success: oklch(0.74 0.1323 150);
      --success-hex: #67c27d;
      --on-success: oklch(0.16 0.03 150);
      --on-success-hex: #041107;
      --success-subtle: oklch(0.275 0.0518 150);
      --success-subtle-hex: #132f1a;
      --warning: oklch(0.8 0.1265 68);
      --warning-hex: #f3ad5d;
      --on-warning: oklch(0.16 0.03 68);
      --on-warning-hex: #160a01;
      --warning-subtle: oklch(0.275 0.0495 68);
      --warning-subtle-hex: #372309;
      --danger: oklch(0.7 0.1911 26);
      --danger-hex: #ff645c;
      --on-danger: oklch(0.16 0.03 26);
      --on-danger-hex: #180807;
      --danger-subtle: oklch(0.275 0.0833 26);
      --danger-subtle-hex: #481210;
      --info: oklch(0.74 0.115 235);
      --info-hex: #58b6e9;
      --on-info: oklch(0.16 0.03 235);
      --on-info-hex: #010f18;
      --info-subtle: oklch(0.275 0.045 235);
      --info-subtle-hex: #0e2b3b;
      --focus: oklch(0.76 0.1092 200);
      --focus-hex: #48c6cc;
      --selected: oklch(0.29 0.046 200);
      --selected-hex: #053234;
      --hover-veil: oklch(0.255 0.0135 215);
      --hover-veil-hex: #1c2527;
      --overlay: oklch(0.09 0.009 215);
      --overlay-hex: #010303;
      --brand-surface: oklch(0.3 0.053 200);
      --brand-surface-hex: #003638;
      --on-brand-surface: oklch(0.96 0.0064 200);
      --on-brand-surface-hex: #edf3f3;
  }
}

[data-skin="clinical"][data-theme="dark"] {
    --bg: oklch(0.17 0.009 215);
    --bg-hex: #0b1012;
    --bg-subtle: oklch(0.145 0.009 215);
    --bg-subtle-hex: #060b0c;
    --surface: oklch(0.21 0.0099 215);
    --surface-hex: #131a1b;
    --surface-2: oklch(0.248 0.0117 215);
    --surface-2-hex: #1b2325;
    --surface-3: oklch(0.285 0.0135 215);
    --surface-3-hex: #232c2e;
    --border: oklch(0.32 0.0144 215);
    --border-hex: #2b3537;
    --border-strong: oklch(0.55 0.027 215);
    --border-strong-hex: #60767b;
    --text: oklch(0.96 0.0045 215);
    --text-hex: #eff3f4;
    --text-muted: oklch(0.74 0.0126 215);
    --text-muted-hex: #a2adb0;
    --text-subtle: oklch(0.64 0.0126 215);
    --text-subtle-hex: #848e91;
    --text-disabled: oklch(0.48 0.0108 215);
    --text-disabled-hex: #575f61;
    --primary: oklch(0.72 0.115 200);
    --primary-hex: #28bac1;
    --primary-hover: oklch(0.79 0.1035 200);
    --primary-hover-hex: #5ccfd5;
    --primary-active: oklch(0.84 0.0863 200);
    --primary-active-hex: #82dce1;
    --primary-subtle: oklch(0.27 0.0403 200);
    --primary-subtle-hex: #072c2e;
    --primary-border: oklch(0.37 0.0575 200);
    --primary-border-hex: #0d494c;
    --on-primary: oklch(0.16 0.03 200);
    --on-primary-hex: #001112;
    --accent: oklch(0.72 0.115 200);
    --accent-hex: #28bac1;
    --on-accent: oklch(0.16 0.03 200);
    --on-accent-hex: #001112;
    --accent-subtle: oklch(0.27 0.046 200);
    --accent-subtle-hex: #002d2f;
    --success: oklch(0.74 0.1323 150);
    --success-hex: #67c27d;
    --on-success: oklch(0.16 0.03 150);
    --on-success-hex: #041107;
    --success-subtle: oklch(0.275 0.0518 150);
    --success-subtle-hex: #132f1a;
    --warning: oklch(0.8 0.1265 68);
    --warning-hex: #f3ad5d;
    --on-warning: oklch(0.16 0.03 68);
    --on-warning-hex: #160a01;
    --warning-subtle: oklch(0.275 0.0495 68);
    --warning-subtle-hex: #372309;
    --danger: oklch(0.7 0.1911 26);
    --danger-hex: #ff645c;
    --on-danger: oklch(0.16 0.03 26);
    --on-danger-hex: #180807;
    --danger-subtle: oklch(0.275 0.0833 26);
    --danger-subtle-hex: #481210;
    --info: oklch(0.74 0.115 235);
    --info-hex: #58b6e9;
    --on-info: oklch(0.16 0.03 235);
    --on-info-hex: #010f18;
    --info-subtle: oklch(0.275 0.045 235);
    --info-subtle-hex: #0e2b3b;
    --focus: oklch(0.76 0.1092 200);
    --focus-hex: #48c6cc;
    --selected: oklch(0.29 0.046 200);
    --selected-hex: #053234;
    --hover-veil: oklch(0.255 0.0135 215);
    --hover-veil-hex: #1c2527;
    --overlay: oklch(0.09 0.009 215);
    --overlay-hex: #010303;
    --brand-surface: oklch(0.3 0.053 200);
    --brand-surface-hex: #003638;
    --on-brand-surface: oklch(0.96 0.0064 200);
    --on-brand-surface-hex: #edf3f3;
}

/* ── SKIN: industrial (tool / utilitarian)
   Rəng demək olar yoxdur — qrafit monoxrom. Tək siqnal: təhlükəsizlik sarısı, yalnız diqqət tələb edən yerdə. Kölgə YOXDUR — tozlu ekranda kölgə görünmür, ona görə qatlar 1px halqa ilə ayrılır. Toxunma hədəfləri iri, radius kəskin. */
[data-skin="industrial"] {
    --font-display: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.75rem;
    --size-xs: 0.8125rem;
    --size-sm: 0.875rem;
    --size-base: 0.9375rem;
    --size-md: 1rem;
    --size-lg: 1.125rem;
    --size-xl: 1.3125rem;
    --size-2xl: 1.5625rem;
    --size-3xl: 1.875rem;
    --size-4xl: 2.25rem;
    --size-5xl: 2.75rem;
    --leading-tight: 1.15;
    --leading-snug: 1.3;
    --leading-normal: 1.5;
    --leading-relaxed: 1.65;
    --tracking-tight: -0.006em;
    --tracking-normal: 0;
    --tracking-wide: 0.045em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.125rem;
    --radius-md: 0.1875rem;
    --radius-lg: 0.25rem;
    --radius-full: 9999px;
    --shadow-sm: 0 0 0 1px oklch(0.30 0.005 250 / 0.10);
    --shadow-md: 0 0 0 1px oklch(0.30 0.005 250 / 0.18);
    --shadow-lg: 0 0 0 1px oklch(0.30 0.005 250 / 0.26);
    --bg: oklch(0.995 0.0025 250);
    --bg-hex: #fcfeff;
    --bg-subtle: oklch(0.9762 0.006 250);
    --bg-subtle-hex: #f4f8fb;
    --surface: oklch(0.995 0.0025 250);
    --surface-hex: #fcfeff;
    --surface-2: oklch(0.9688 0.006 250);
    --surface-2-hex: #f2f5f9;
    --surface-3: oklch(0.9437 0.0075 250);
    --surface-3-hex: #e9edf1;
    --border: oklch(0.8812 0.009 250);
    --border-hex: #d3d8de;
    --border-strong: oklch(0.64 0.018 250);
    --border-strong-hex: #848d97;
    --text: oklch(0.22 0.012 250);
    --text-hex: #161b20;
    --text-muted: oklch(0.48 0.0135 250);
    --text-muted-hex: #585e65;
    --text-subtle: oklch(0.58 0.012 250);
    --text-subtle-hex: #757b81;
    --text-disabled: oklch(0.7 0.0075 250);
    --text-disabled-hex: #9b9fa3;
    --primary: oklch(0.3 0.016 250);
    --primary-hex: #282f36;
    --primary-hover: oklch(0.24 0.016 250);
    --primary-hover-hex: #1a2027;
    --primary-active: oklch(0.19 0.0152 250);
    --primary-active-hex: #0f141a;
    --primary-subtle: oklch(0.9562 0.0021 250);
    --primary-subtle-hex: #eff1f2;
    --primary-border: oklch(0.85 0.0064 250);
    --primary-border-hex: #cbced2;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.85 0.165 109);
    --accent-hex: #d7d63e;
    --on-accent: oklch(0.2 0.03 109);
    --on-accent-hex: #171706;
    --accent-subtle: oklch(0.9512 0.0264 109);
    --accent-subtle-hex: #f0f1dd;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.9525 0.023 150);
    --success-subtle-hex: #e5f4e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.9525 0.022 68);
    --warning-subtle-hex: #faede0;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.9525 0.0237 26);
    --danger-subtle-hex: #ffeae7;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.9525 0.02 235);
    --info-subtle-hex: #e3f2fb;
    --focus: oklch(0.36 0.0176 250);
    --focus-hex: #363e46;
    --selected: oklch(0.9412 0.0029 250);
    --selected-hex: #eaeced;
    --hover-veil: oklch(0.9555 0.006 250);
    --hover-veil-hex: #edf1f4;
    --overlay: oklch(0.22 0.015 250);
    --overlay-hex: #151b21;
    --brand-surface: oklch(0.26 0.0136 250);
    --brand-surface-hex: #1f252a;
    --on-brand-surface: oklch(0.97 0.001 250);
    --on-brand-surface-hex: #f4f5f6;
}

[data-skin="industrial"][data-theme="light"] {
    --bg: oklch(0.995 0.0025 250);
    --bg-hex: #fcfeff;
    --bg-subtle: oklch(0.9762 0.006 250);
    --bg-subtle-hex: #f4f8fb;
    --surface: oklch(0.995 0.0025 250);
    --surface-hex: #fcfeff;
    --surface-2: oklch(0.9688 0.006 250);
    --surface-2-hex: #f2f5f9;
    --surface-3: oklch(0.9437 0.0075 250);
    --surface-3-hex: #e9edf1;
    --border: oklch(0.8812 0.009 250);
    --border-hex: #d3d8de;
    --border-strong: oklch(0.64 0.018 250);
    --border-strong-hex: #848d97;
    --text: oklch(0.22 0.012 250);
    --text-hex: #161b20;
    --text-muted: oklch(0.48 0.0135 250);
    --text-muted-hex: #585e65;
    --text-subtle: oklch(0.58 0.012 250);
    --text-subtle-hex: #757b81;
    --text-disabled: oklch(0.7 0.0075 250);
    --text-disabled-hex: #9b9fa3;
    --primary: oklch(0.3 0.016 250);
    --primary-hex: #282f36;
    --primary-hover: oklch(0.24 0.016 250);
    --primary-hover-hex: #1a2027;
    --primary-active: oklch(0.19 0.0152 250);
    --primary-active-hex: #0f141a;
    --primary-subtle: oklch(0.9562 0.0021 250);
    --primary-subtle-hex: #eff1f2;
    --primary-border: oklch(0.85 0.0064 250);
    --primary-border-hex: #cbced2;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.85 0.165 109);
    --accent-hex: #d7d63e;
    --on-accent: oklch(0.2 0.03 109);
    --on-accent-hex: #171706;
    --accent-subtle: oklch(0.9512 0.0264 109);
    --accent-subtle-hex: #f0f1dd;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.9525 0.023 150);
    --success-subtle-hex: #e5f4e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.9525 0.022 68);
    --warning-subtle-hex: #faede0;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.9525 0.0237 26);
    --danger-subtle-hex: #ffeae7;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.9525 0.02 235);
    --info-subtle-hex: #e3f2fb;
    --focus: oklch(0.36 0.0176 250);
    --focus-hex: #363e46;
    --selected: oklch(0.9412 0.0029 250);
    --selected-hex: #eaeced;
    --hover-veil: oklch(0.9555 0.006 250);
    --hover-veil-hex: #edf1f4;
    --overlay: oklch(0.22 0.015 250);
    --overlay-hex: #151b21;
    --brand-surface: oklch(0.26 0.0136 250);
    --brand-surface-hex: #1f252a;
    --on-brand-surface: oklch(0.97 0.001 250);
    --on-brand-surface-hex: #f4f5f6;
}

@media (prefers-color-scheme: dark) {
  [data-skin="industrial"]:not([data-theme="light"]) {
      --bg: oklch(0.155 0.005 250);
      --bg-hex: #0b0c0e;
      --bg-subtle: oklch(0.1237 0.005 250);
      --bg-subtle-hex: #050608;
      --surface: oklch(0.195 0.0055 250);
      --surface-hex: #131517;
      --surface-2: oklch(0.2425 0.0065 250);
      --surface-2-hex: #1e2023;
      --surface-3: oklch(0.2888 0.0075 250);
      --surface-3-hex: #282b2f;
      --border: oklch(0.3325 0.008 250);
      --border-hex: #33363a;
      --border-strong: oklch(0.55 0.015 250);
      --border-strong-hex: #6b727a;
      --text: oklch(0.95 0.0025 250);
      --text-hex: #edeff0;
      --text-muted: oklch(0.73 0.007 250);
      --text-muted-hex: #a4a8ac;
      --text-subtle: oklch(0.63 0.007 250);
      --text-subtle-hex: #86898d;
      --text-disabled: oklch(0.47 0.006 250);
      --text-disabled-hex: #585b5e;
      --primary: oklch(0.86 0.016 250);
      --primary-hex: #c9d2db;
      --primary-hover: oklch(0.93 0.0144 250);
      --primary-hover-hex: #e1e9f1;
      --primary-active: oklch(0.98 0.0099 250);
      --primary-active-hex: #f4f9ff;
      --primary-subtle: oklch(0.255 0.0056 250);
      --primary-subtle-hex: #212325;
      --primary-border: oklch(0.355 0.008 250);
      --primary-border-hex: #393c40;
      --on-primary: oklch(0.145 0.03 250);
      --on-primary-hex: #020b16;
      --accent: oklch(0.85 0.165 109);
      --accent-hex: #d7d63e;
      --on-accent: oklch(0.145 0.03 109);
      --on-accent-hex: #0b0b00;
      --accent-subtle: oklch(0.255 0.0601 109);
      --accent-subtle-hex: #252500;
      --success: oklch(0.74 0.1323 150);
      --success-hex: #67c27d;
      --on-success: oklch(0.145 0.03 150);
      --on-success-hex: #020e04;
      --success-subtle: oklch(0.26 0.0518 150);
      --success-subtle-hex: #0f2b16;
      --warning: oklch(0.8 0.1265 68);
      --warning-hex: #f3ad5d;
      --on-warning: oklch(0.145 0.03 68);
      --on-warning-hex: #120800;
      --warning-subtle: oklch(0.26 0.0495 68);
      --warning-subtle-hex: #341f06;
      --danger: oklch(0.7 0.1911 26);
      --danger-hex: #ff645c;
      --on-danger: oklch(0.145 0.03 26);
      --on-danger-hex: #150505;
      --danger-subtle: oklch(0.26 0.0833 26);
      --danger-subtle-hex: #440e0d;
      --info: oklch(0.74 0.115 235);
      --info-hex: #58b6e9;
      --on-info: oklch(0.145 0.03 235);
      --on-info-hex: #000c15;
      --info-subtle: oklch(0.26 0.045 235);
      --info-subtle-hex: #0a2737;
      --focus: oklch(0.9 0.0152 250);
      --focus-hex: #d7dfe8;
      --selected: oklch(0.275 0.0064 250);
      --selected-hex: #25282b;
      --hover-veil: oklch(0.24 0.0075 250);
      --hover-veil-hex: #1d2023;
      --overlay: oklch(0.075 0.005 250);
      --overlay-hex: #010102;
      --brand-surface: oklch(0.22 0.0128 250);
      --brand-surface-hex: #161b20;
      --on-brand-surface: oklch(0.96 0.0009 250);
      --on-brand-surface-hex: #f1f2f2;
  }
}

[data-skin="industrial"][data-theme="dark"] {
    --bg: oklch(0.155 0.005 250);
    --bg-hex: #0b0c0e;
    --bg-subtle: oklch(0.1237 0.005 250);
    --bg-subtle-hex: #050608;
    --surface: oklch(0.195 0.0055 250);
    --surface-hex: #131517;
    --surface-2: oklch(0.2425 0.0065 250);
    --surface-2-hex: #1e2023;
    --surface-3: oklch(0.2888 0.0075 250);
    --surface-3-hex: #282b2f;
    --border: oklch(0.3325 0.008 250);
    --border-hex: #33363a;
    --border-strong: oklch(0.55 0.015 250);
    --border-strong-hex: #6b727a;
    --text: oklch(0.95 0.0025 250);
    --text-hex: #edeff0;
    --text-muted: oklch(0.73 0.007 250);
    --text-muted-hex: #a4a8ac;
    --text-subtle: oklch(0.63 0.007 250);
    --text-subtle-hex: #86898d;
    --text-disabled: oklch(0.47 0.006 250);
    --text-disabled-hex: #585b5e;
    --primary: oklch(0.86 0.016 250);
    --primary-hex: #c9d2db;
    --primary-hover: oklch(0.93 0.0144 250);
    --primary-hover-hex: #e1e9f1;
    --primary-active: oklch(0.98 0.0099 250);
    --primary-active-hex: #f4f9ff;
    --primary-subtle: oklch(0.255 0.0056 250);
    --primary-subtle-hex: #212325;
    --primary-border: oklch(0.355 0.008 250);
    --primary-border-hex: #393c40;
    --on-primary: oklch(0.145 0.03 250);
    --on-primary-hex: #020b16;
    --accent: oklch(0.85 0.165 109);
    --accent-hex: #d7d63e;
    --on-accent: oklch(0.145 0.03 109);
    --on-accent-hex: #0b0b00;
    --accent-subtle: oklch(0.255 0.0601 109);
    --accent-subtle-hex: #252500;
    --success: oklch(0.74 0.1323 150);
    --success-hex: #67c27d;
    --on-success: oklch(0.145 0.03 150);
    --on-success-hex: #020e04;
    --success-subtle: oklch(0.26 0.0518 150);
    --success-subtle-hex: #0f2b16;
    --warning: oklch(0.8 0.1265 68);
    --warning-hex: #f3ad5d;
    --on-warning: oklch(0.145 0.03 68);
    --on-warning-hex: #120800;
    --warning-subtle: oklch(0.26 0.0495 68);
    --warning-subtle-hex: #341f06;
    --danger: oklch(0.7 0.1911 26);
    --danger-hex: #ff645c;
    --on-danger: oklch(0.145 0.03 26);
    --on-danger-hex: #150505;
    --danger-subtle: oklch(0.26 0.0833 26);
    --danger-subtle-hex: #440e0d;
    --info: oklch(0.74 0.115 235);
    --info-hex: #58b6e9;
    --on-info: oklch(0.145 0.03 235);
    --on-info-hex: #000c15;
    --info-subtle: oklch(0.26 0.045 235);
    --info-subtle-hex: #0a2737;
    --focus: oklch(0.9 0.0152 250);
    --focus-hex: #d7dfe8;
    --selected: oklch(0.275 0.0064 250);
    --selected-hex: #25282b;
    --hover-veil: oklch(0.24 0.0075 250);
    --hover-veil-hex: #1d2023;
    --overlay: oklch(0.075 0.005 250);
    --overlay-hex: #010102;
    --brand-surface: oklch(0.22 0.0128 250);
    --brand-surface-hex: #161b20;
    --on-brand-surface: oklch(0.96 0.0009 250);
    --on-brand-surface-hex: #f1f2f2;
}

/* ── SKIN: atelier (hospitality / committed)
   Şəkil aparıcıdır, tipoqrafiya iri və seyrək, boşluq bahalı material kimi xərclənir. İstilik YALNIZ ohra aksent və drenched gil hero səthindən gəlir — səthlərin özü ağ qalır. Aksent açıqlığı rejimlər arasında TƏRSİNƏ çevrilir (açıqda L 0.75 parlaq ohra, tünddə L 0.50 dərin bürünc): isti zolaq danger və warning ilə paylaşıldığı üçün ayrılma çalarla deyil, açıqlıqla qurulur. */
[data-skin="atelier"] {
    --font-display: 'Unbounded', 'Commissioner', ui-sans-serif, system-ui, sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.75rem;
    --size-xs: 0.8125rem;
    --size-sm: 0.9375rem;
    --size-base: 1.0625rem;
    --size-md: 1.1875rem;
    --size-lg: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
    --size-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.1rem);
    --size-2xl: clamp(1.9rem, 1.45rem + 2.1vw, 2.9rem);
    --size-3xl: clamp(2.4rem, 1.7rem + 3.2vw, 3.9rem);
    --size-4xl: clamp(3rem, 1.9rem + 4.8vw, 5.2rem);
    --size-5xl: clamp(3.4rem, 1.9rem + 6.4vw, 6.4rem);
    --leading-tight: 1.08;
    --leading-snug: 1.25;
    --leading-normal: 1.65;
    --leading-relaxed: 1.8;
    --tracking-tight: -0.02em;
    --tracking-normal: 0;
    --tracking-wide: 0.06em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.5rem;
    --radius-md: 0.875rem;
    --radius-lg: 1.5rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 oklch(0.22 0.03 45 / 0.07);
    --shadow-md: 0 8px 20px -10px oklch(0.22 0.04 45 / 0.16);
    --shadow-lg: 0 32px 64px -28px oklch(0.22 0.05 45 / 0.30);
    --bg: oklch(0.995 0.0027 45);
    --bg-hex: #fffdfc;
    --bg-subtle: oklch(0.979 0.005 45);
    --bg-subtle-hex: #fbf7f5;
    --surface: oklch(0.995 0.0025 45);
    --surface-hex: #fffdfc;
    --surface-2: oklch(0.965 0.005 45);
    --surface-2-hex: #f6f2f1;
    --surface-3: oklch(0.937 0.0063 45);
    --surface-3-hex: #eee9e7;
    --border: oklch(0.867 0.0075 45);
    --border-hex: #d8d2cf;
    --border-strong: oklch(0.64 0.015 45);
    --border-strong-hex: #948a85;
    --text: oklch(0.22 0.01 45);
    --text-hex: #1f1917;
    --text-muted: oklch(0.48 0.0112 45);
    --text-muted-hex: #635c58;
    --text-subtle: oklch(0.58 0.01 45);
    --text-subtle-hex: #807975;
    --text-disabled: oklch(0.7 0.0063 45);
    --text-disabled-hex: #a29d9b;
    --primary: oklch(0.28 0.032 45);
    --primary-hex: #36241c;
    --primary-hover: oklch(0.22 0.032 45);
    --primary-hover-hex: #27160e;
    --primary-active: oklch(0.17 0.0304 45);
    --primary-active-hex: #1a0b05;
    --primary-subtle: oklch(0.954 0.0042 45);
    --primary-subtle-hex: #f2efed;
    --primary-border: oklch(0.85 0.0128 45);
    --primary-border-hex: #d5cbc7;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.75 0.115 45);
    --accent-hex: #ea966f;
    --on-accent: oklch(0.2 0.03 45);
    --on-accent-hex: #21110a;
    --accent-subtle: oklch(0.949 0.0184 45);
    --accent-subtle-hex: #faebe4;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.951 0.023 150);
    --success-subtle-hex: #e5f3e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.951 0.022 68);
    --warning-subtle-hex: #f9ece0;
    --danger: oklch(0.5 0.185 20);
    --danger-hex: #b51b34;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.951 0.0245 20);
    --danger-subtle-hex: #ffe9e8;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.951 0.02 235);
    --info-subtle-hex: #e3f1fb;
    --focus: oklch(0.34 0.0352 45);
    --focus-hex: #483229;
    --selected: oklch(0.939 0.0058 45);
    --selected-hex: #eeeae8;
    --hover-veil: oklch(0.954 0.005 45);
    --hover-veil-hex: #f3efed;
    --overlay: oklch(0.22 0.0125 45);
    --overlay-hex: #201916;
    --brand-surface: oklch(0.28 0.078 32);
    --brand-surface-hex: #48160e;
    --on-brand-surface: oklch(0.97 0.0055 32);
    --on-brand-surface-hex: #f9f4f3;
}

[data-skin="atelier"][data-theme="light"] {
    --bg: oklch(0.995 0.0027 45);
    --bg-hex: #fffdfc;
    --bg-subtle: oklch(0.979 0.005 45);
    --bg-subtle-hex: #fbf7f5;
    --surface: oklch(0.995 0.0025 45);
    --surface-hex: #fffdfc;
    --surface-2: oklch(0.965 0.005 45);
    --surface-2-hex: #f6f2f1;
    --surface-3: oklch(0.937 0.0063 45);
    --surface-3-hex: #eee9e7;
    --border: oklch(0.867 0.0075 45);
    --border-hex: #d8d2cf;
    --border-strong: oklch(0.64 0.015 45);
    --border-strong-hex: #948a85;
    --text: oklch(0.22 0.01 45);
    --text-hex: #1f1917;
    --text-muted: oklch(0.48 0.0112 45);
    --text-muted-hex: #635c58;
    --text-subtle: oklch(0.58 0.01 45);
    --text-subtle-hex: #807975;
    --text-disabled: oklch(0.7 0.0063 45);
    --text-disabled-hex: #a29d9b;
    --primary: oklch(0.28 0.032 45);
    --primary-hex: #36241c;
    --primary-hover: oklch(0.22 0.032 45);
    --primary-hover-hex: #27160e;
    --primary-active: oklch(0.17 0.0304 45);
    --primary-active-hex: #1a0b05;
    --primary-subtle: oklch(0.954 0.0042 45);
    --primary-subtle-hex: #f2efed;
    --primary-border: oklch(0.85 0.0128 45);
    --primary-border-hex: #d5cbc7;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.75 0.115 45);
    --accent-hex: #ea966f;
    --on-accent: oklch(0.2 0.03 45);
    --on-accent-hex: #21110a;
    --accent-subtle: oklch(0.949 0.0184 45);
    --accent-subtle-hex: #faebe4;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.951 0.023 150);
    --success-subtle-hex: #e5f3e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.951 0.022 68);
    --warning-subtle-hex: #f9ece0;
    --danger: oklch(0.5 0.185 20);
    --danger-hex: #b51b34;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.951 0.0245 20);
    --danger-subtle-hex: #ffe9e8;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.951 0.02 235);
    --info-subtle-hex: #e3f1fb;
    --focus: oklch(0.34 0.0352 45);
    --focus-hex: #483229;
    --selected: oklch(0.939 0.0058 45);
    --selected-hex: #eeeae8;
    --hover-veil: oklch(0.954 0.005 45);
    --hover-veil-hex: #f3efed;
    --overlay: oklch(0.22 0.0125 45);
    --overlay-hex: #201916;
    --brand-surface: oklch(0.28 0.078 32);
    --brand-surface-hex: #48160e;
    --on-brand-surface: oklch(0.97 0.0055 32);
    --on-brand-surface-hex: #f9f4f3;
}

@media (prefers-color-scheme: dark) {
  [data-skin="atelier"]:not([data-theme="light"]) {
      --bg: oklch(0.15 0.007 45);
      --bg-hex: #0e0a09;
      --bg-subtle: oklch(0.115 0.007 45);
      --bg-subtle-hex: #070404;
      --surface: oklch(0.19 0.0077 45);
      --surface-hex: #171311;
      --surface-2: oklch(0.2432 0.0091 45);
      --surface-2-hex: #241f1c;
      --surface-3: oklch(0.295 0.0105 45);
      --surface-3-hex: #312b28;
      --border: oklch(0.344 0.0112 45);
      --border-hex: #3e3734;
      --border-strong: oklch(0.55 0.021 45);
      --border-strong-hex: #7d6e68;
      --text: oklch(0.95 0.0035 45);
      --text-hex: #f1eeec;
      --text-muted: oklch(0.73 0.0098 45);
      --text-muted-hex: #ada6a3;
      --text-subtle: oklch(0.63 0.0098 45);
      --text-subtle-hex: #8f8784;
      --text-disabled: oklch(0.47 0.0084 45);
      --text-disabled-hex: #5f5957;
      --primary: oklch(0.9 0.032 45);
      --primary-hex: #f1d8cd;
      --primary-hover: oklch(0.97 0.016 45);
      --primary-hover-hex: #fff2ec;
      --primary-active: oklch(0.995 0.0027 45);
      --primary-active-hex: #fffdfc;
      --primary-subtle: oklch(0.25 0.0112 45);
      --primary-subtle-hex: #26201d;
      --primary-border: oklch(0.35 0.016 45);
      --primary-border-hex: #423834;
      --on-primary: oklch(0.14 0.03 45);
      --on-primary-hex: #130502;
      --accent: oklch(0.5 0.115 45);
      --accent-hex: #974a24;
      --on-accent: oklch(0.995 0.0 0);
      --on-accent-hex: #fdfdfd;
      --accent-subtle: oklch(0.25 0.046 45);
      --accent-subtle-hex: #341a0e;
      --success: oklch(0.74 0.1323 150);
      --success-hex: #67c27d;
      --on-success: oklch(0.14 0.03 150);
      --on-success-hex: #020c04;
      --success-subtle: oklch(0.255 0.0518 150);
      --success-subtle-hex: #0d2a15;
      --warning: oklch(0.8 0.1265 68);
      --warning-hex: #f3ad5d;
      --on-warning: oklch(0.14 0.03 68);
      --on-warning-hex: #110700;
      --warning-subtle: oklch(0.255 0.0495 68);
      --warning-subtle-hex: #321e05;
      --danger: oklch(0.7 0.1918 20);
      --danger-hex: #ff616b;
      --on-danger: oklch(0.14 0.03 20);
      --on-danger-hex: #140505;
      --danger-subtle: oklch(0.255 0.0833 20);
      --danger-subtle-hex: #420b11;
      --info: oklch(0.74 0.115 235);
      --info-hex: #58b6e9;
      --on-info: oklch(0.14 0.03 235);
      --on-info-hex: #000b14;
      --info-subtle: oklch(0.255 0.045 235);
      --info-subtle-hex: #082635;
      --focus: oklch(0.94 0.0304 45);
      --focus-hex: #fee5db;
      --selected: oklch(0.27 0.0128 45);
      --selected-hex: #2c2521;
      --hover-veil: oklch(0.235 0.0105 45);
      --hover-veil-hex: #231d1a;
      --overlay: oklch(0.07 0.007 45);
      --overlay-hex: #020101;
      --brand-surface: oklch(0.24 0.07 32);
      --brand-surface-hex: #3a0f08;
      --on-brand-surface: oklch(0.96 0.0049 32);
      --on-brand-surface-hex: #f5f1f0;
  }
}

[data-skin="atelier"][data-theme="dark"] {
    --bg: oklch(0.15 0.007 45);
    --bg-hex: #0e0a09;
    --bg-subtle: oklch(0.115 0.007 45);
    --bg-subtle-hex: #070404;
    --surface: oklch(0.19 0.0077 45);
    --surface-hex: #171311;
    --surface-2: oklch(0.2432 0.0091 45);
    --surface-2-hex: #241f1c;
    --surface-3: oklch(0.295 0.0105 45);
    --surface-3-hex: #312b28;
    --border: oklch(0.344 0.0112 45);
    --border-hex: #3e3734;
    --border-strong: oklch(0.55 0.021 45);
    --border-strong-hex: #7d6e68;
    --text: oklch(0.95 0.0035 45);
    --text-hex: #f1eeec;
    --text-muted: oklch(0.73 0.0098 45);
    --text-muted-hex: #ada6a3;
    --text-subtle: oklch(0.63 0.0098 45);
    --text-subtle-hex: #8f8784;
    --text-disabled: oklch(0.47 0.0084 45);
    --text-disabled-hex: #5f5957;
    --primary: oklch(0.9 0.032 45);
    --primary-hex: #f1d8cd;
    --primary-hover: oklch(0.97 0.016 45);
    --primary-hover-hex: #fff2ec;
    --primary-active: oklch(0.995 0.0027 45);
    --primary-active-hex: #fffdfc;
    --primary-subtle: oklch(0.25 0.0112 45);
    --primary-subtle-hex: #26201d;
    --primary-border: oklch(0.35 0.016 45);
    --primary-border-hex: #423834;
    --on-primary: oklch(0.14 0.03 45);
    --on-primary-hex: #130502;
    --accent: oklch(0.5 0.115 45);
    --accent-hex: #974a24;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.25 0.046 45);
    --accent-subtle-hex: #341a0e;
    --success: oklch(0.74 0.1323 150);
    --success-hex: #67c27d;
    --on-success: oklch(0.14 0.03 150);
    --on-success-hex: #020c04;
    --success-subtle: oklch(0.255 0.0518 150);
    --success-subtle-hex: #0d2a15;
    --warning: oklch(0.8 0.1265 68);
    --warning-hex: #f3ad5d;
    --on-warning: oklch(0.14 0.03 68);
    --on-warning-hex: #110700;
    --warning-subtle: oklch(0.255 0.0495 68);
    --warning-subtle-hex: #321e05;
    --danger: oklch(0.7 0.1918 20);
    --danger-hex: #ff616b;
    --on-danger: oklch(0.14 0.03 20);
    --on-danger-hex: #140505;
    --danger-subtle: oklch(0.255 0.0833 20);
    --danger-subtle-hex: #420b11;
    --info: oklch(0.74 0.115 235);
    --info-hex: #58b6e9;
    --on-info: oklch(0.14 0.03 235);
    --on-info-hex: #000b14;
    --info-subtle: oklch(0.255 0.045 235);
    --info-subtle-hex: #082635;
    --focus: oklch(0.94 0.0304 45);
    --focus-hex: #fee5db;
    --selected: oklch(0.27 0.0128 45);
    --selected-hex: #2c2521;
    --hover-veil: oklch(0.235 0.0105 45);
    --hover-veil-hex: #231d1a;
    --overlay: oklch(0.07 0.007 45);
    --overlay-hex: #020101;
    --brand-surface: oklch(0.24 0.07 32);
    --brand-surface-hex: #3a0f08;
    --on-brand-surface: oklch(0.96 0.0049 32);
    --on-brand-surface-hex: #f5f1f0;
}

/* ── SKIN: nocturne (media / dark-first)
   Tünd rejim ƏSAS rejimdir, açıq rejim ikincidir. Səthlər dərin və soyuq; mətn saf ağ DEYİL (L 0.93) — gecə saatında saf ağ göz yorur. İşıq saçan tək siqnal: nanə. Kontrast nəzarətlidir, maksimal deyil. */
[data-skin="nocturne"] {
    --font-display: 'Unbounded', 'Commissioner', ui-sans-serif, system-ui, sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.75rem;
    --size-xs: 0.8125rem;
    --size-sm: 0.9375rem;
    --size-base: 1rem;
    --size-md: 1.125rem;
    --size-lg: clamp(1.25rem, 1.15rem + 0.5vw, 1.4375rem);
    --size-xl: clamp(1.5rem, 1.3rem + 1vw, 1.9rem);
    --size-2xl: clamp(1.85rem, 1.5rem + 1.7vw, 2.6rem);
    --size-3xl: clamp(2.3rem, 1.8rem + 2.5vw, 3.4rem);
    --size-4xl: clamp(2.8rem, 2rem + 3.6vw, 4.4rem);
    --size-5xl: clamp(3.2rem, 2.1rem + 4.8vw, 5.4rem);
    --leading-tight: 1.06;
    --leading-snug: 1.24;
    --leading-normal: 1.6;
    --leading-relaxed: 1.75;
    --tracking-tight: -0.024em;
    --tracking-normal: 0;
    --tracking-wide: 0.025em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.375rem;
    --radius-md: 0.625rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 oklch(0.06 0.02 250 / 0.40);
    --shadow-md: 0 10px 24px -12px oklch(0.06 0.02 250 / 0.55);
    --shadow-lg: 0 36px 70px -30px oklch(0.04 0.02 250 / 0.70);
    --bg: oklch(0.99 0.005 250);
    --bg-hex: #f9fcff;
    --bg-subtle: oklch(0.9705 0.012 250);
    --bg-subtle-hex: #eff6fd;
    --surface: oklch(0.995 0.0025 250);
    --surface-hex: #fcfeff;
    --surface-2: oklch(0.9675 0.012 250);
    --surface-2-hex: #eef5fc;
    --surface-3: oklch(0.9415 0.015 250);
    --surface-3-hex: #e4edf6;
    --border: oklch(0.8765 0.018 250);
    --border-hex: #ced8e2;
    --border-strong: oklch(0.64 0.036 250);
    --border-strong-hex: #7c8ea2;
    --text: oklch(0.21 0.024 250);
    --text-hex: #101923;
    --text-muted: oklch(0.47 0.027 250);
    --text-muted-hex: #505c6a;
    --text-subtle: oklch(0.57 0.024 250);
    --text-subtle-hex: #6d7985;
    --text-disabled: oklch(0.69 0.015 250);
    --text-disabled-hex: #959ca5;
    --primary: oklch(0.46 0.0803 190);
    --primary-hex: #006662;
    --primary-hover: oklch(0.4 0.0702 190);
    --primary-hover-hex: #005350;
    --primary-active: oklch(0.35 0.0619 190);
    --primary-active-hex: #004542;
    --primary-subtle: oklch(0.9555 0.0163 190);
    --primary-subtle-hex: #e5f4f3;
    --primary-border: oklch(0.85 0.05 190);
    --primary-border-hex: #a9d9d5;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.52 0.14 330);
    --accent-hex: #94468f;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.9505 0.0224 330);
    --accent-subtle-hex: #f8eaf6;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.952 0.023 150);
    --success-subtle-hex: #e5f4e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.952 0.022 68);
    --warning-subtle-hex: #f9ede0;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.952 0.024 26);
    --danger-subtle-hex: #ffe9e7;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.952 0.02 235);
    --info-subtle-hex: #e3f2fb;
    --focus: oklch(0.52 0.0904 190);
    --focus-hex: #007974;
    --selected: oklch(0.9405 0.0225 190);
    --selected-hex: #dbf1ef;
    --hover-veil: oklch(0.955 0.012 250);
    --hover-veil-hex: #eaf1f8;
    --overlay: oklch(0.21 0.03 250);
    --overlay-hex: #0d1926;
    --brand-surface: oklch(0.24 0.0446 190);
    --brand-surface-hex: #002624;
    --on-brand-surface: oklch(0.97 0.0074 190);
    --on-brand-surface-hex: #f0f7f6;
}

[data-skin="nocturne"][data-theme="light"] {
    --bg: oklch(0.99 0.005 250);
    --bg-hex: #f9fcff;
    --bg-subtle: oklch(0.9705 0.012 250);
    --bg-subtle-hex: #eff6fd;
    --surface: oklch(0.995 0.0025 250);
    --surface-hex: #fcfeff;
    --surface-2: oklch(0.9675 0.012 250);
    --surface-2-hex: #eef5fc;
    --surface-3: oklch(0.9415 0.015 250);
    --surface-3-hex: #e4edf6;
    --border: oklch(0.8765 0.018 250);
    --border-hex: #ced8e2;
    --border-strong: oklch(0.64 0.036 250);
    --border-strong-hex: #7c8ea2;
    --text: oklch(0.21 0.024 250);
    --text-hex: #101923;
    --text-muted: oklch(0.47 0.027 250);
    --text-muted-hex: #505c6a;
    --text-subtle: oklch(0.57 0.024 250);
    --text-subtle-hex: #6d7985;
    --text-disabled: oklch(0.69 0.015 250);
    --text-disabled-hex: #959ca5;
    --primary: oklch(0.46 0.0803 190);
    --primary-hex: #006662;
    --primary-hover: oklch(0.4 0.0702 190);
    --primary-hover-hex: #005350;
    --primary-active: oklch(0.35 0.0619 190);
    --primary-active-hex: #004542;
    --primary-subtle: oklch(0.9555 0.0163 190);
    --primary-subtle-hex: #e5f4f3;
    --primary-border: oklch(0.85 0.05 190);
    --primary-border-hex: #a9d9d5;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.52 0.14 330);
    --accent-hex: #94468f;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.9505 0.0224 330);
    --accent-subtle-hex: #f8eaf6;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.952 0.023 150);
    --success-subtle-hex: #e5f4e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.952 0.022 68);
    --warning-subtle-hex: #f9ede0;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.952 0.024 26);
    --danger-subtle-hex: #ffe9e7;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.952 0.02 235);
    --info-subtle-hex: #e3f2fb;
    --focus: oklch(0.52 0.0904 190);
    --focus-hex: #007974;
    --selected: oklch(0.9405 0.0225 190);
    --selected-hex: #dbf1ef;
    --hover-veil: oklch(0.955 0.012 250);
    --hover-veil-hex: #eaf1f8;
    --overlay: oklch(0.21 0.03 250);
    --overlay-hex: #0d1926;
    --brand-surface: oklch(0.24 0.0446 190);
    --brand-surface-hex: #002624;
    --on-brand-surface: oklch(0.97 0.0074 190);
    --on-brand-surface-hex: #f0f7f6;
}

@media (prefers-color-scheme: dark) {
  [data-skin="nocturne"]:not([data-theme="light"]) {
      --bg: oklch(0.13 0.01 250);
      --bg-hex: #05080b;
      --bg-subtle: oklch(0.0975 0.01 250);
      --bg-subtle-hex: #020305;
      --surface: oklch(0.17 0.011 250);
      --surface-hex: #0c1014;
      --surface-2: oklch(0.2194 0.013 250);
      --surface-2-hex: #161b20;
      --surface-3: oklch(0.2675 0.015 250);
      --surface-3-hex: #20272d;
      --border: oklch(0.313 0.016 250);
      --border-hex: #2b3239;
      --border-strong: oklch(0.55 0.03 250);
      --border-strong-hex: #657383;
      --text: oklch(0.93 0.005 250);
      --text-hex: #e5e8eb;
      --text-muted: oklch(0.71 0.014 250);
      --text-muted-hex: #9ba2aa;
      --text-subtle: oklch(0.61 0.014 250);
      --text-subtle-hex: #7d848b;
      --text-disabled: oklch(0.45 0.012 250);
      --text-disabled-hex: #50565c;
      --primary: oklch(0.78 0.125 190);
      --primary-hex: #32d1c9;
      --primary-hover: oklch(0.85 0.1125 190);
      --primary-hover-hex: #67e5de;
      --primary-active: oklch(0.9 0.0938 190);
      --primary-active-hex: #90f2ec;
      --primary-subtle: oklch(0.23 0.0432 190);
      --primary-subtle-hex: #002321;
      --primary-border: oklch(0.33 0.0586 190);
      --primary-border-hex: #003f3c;
      --on-primary: oklch(0.12 0.03 190);
      --on-primary-hex: #000908;
      --accent: oklch(0.72 0.14 330);
      --accent-hex: #d582ce;
      --on-accent: oklch(0.12 0.03 330);
      --on-accent-hex: #0b030b;
      --accent-subtle: oklch(0.23 0.056 330);
      --accent-subtle-hex: #2b1229;
      --success: oklch(0.74 0.1323 150);
      --success-hex: #67c27d;
      --on-success: oklch(0.12 0.03 150);
      --on-success-hex: #000802;
      --success-subtle: oklch(0.235 0.0518 150);
      --success-subtle-hex: #082510;
      --warning: oklch(0.8 0.1265 68);
      --warning-hex: #f3ad5d;
      --on-warning: oklch(0.12 0.03 68);
      --on-warning-hex: #0d0400;
      --warning-subtle: oklch(0.235 0.0495 68);
      --warning-subtle-hex: #2d1901;
      --danger: oklch(0.7 0.1911 26);
      --danger-hex: #ff645c;
      --on-danger: oklch(0.12 0.03 26);
      --on-danger-hex: #0f0202;
      --danger-subtle: oklch(0.235 0.0833 26);
      --danger-subtle-hex: #3d0607;
      --info: oklch(0.74 0.115 235);
      --info-hex: #58b6e9;
      --on-info: oklch(0.12 0.03 235);
      --on-info-hex: #00070f;
      --info-subtle: oklch(0.235 0.045 235);
      --info-subtle-hex: #042130;
      --focus: oklch(0.82 0.1187 190);
      --focus-hex: #52ddd5;
      --selected: oklch(0.25 0.0461 190);
      --selected-hex: #002826;
      --hover-veil: oklch(0.215 0.015 250);
      --hover-veil-hex: #141a20;
      --overlay: oklch(0.05 0.01 250);
      --overlay-hex: #000001;
      --brand-surface: oklch(0.2 0.0391 190);
      --brand-surface-hex: #001b1a;
      --on-brand-surface: oklch(0.96 0.007 190);
      --on-brand-surface-hex: #edf3f3;
  }
}

[data-skin="nocturne"][data-theme="dark"] {
    --bg: oklch(0.13 0.01 250);
    --bg-hex: #05080b;
    --bg-subtle: oklch(0.0975 0.01 250);
    --bg-subtle-hex: #020305;
    --surface: oklch(0.17 0.011 250);
    --surface-hex: #0c1014;
    --surface-2: oklch(0.2194 0.013 250);
    --surface-2-hex: #161b20;
    --surface-3: oklch(0.2675 0.015 250);
    --surface-3-hex: #20272d;
    --border: oklch(0.313 0.016 250);
    --border-hex: #2b3239;
    --border-strong: oklch(0.55 0.03 250);
    --border-strong-hex: #657383;
    --text: oklch(0.93 0.005 250);
    --text-hex: #e5e8eb;
    --text-muted: oklch(0.71 0.014 250);
    --text-muted-hex: #9ba2aa;
    --text-subtle: oklch(0.61 0.014 250);
    --text-subtle-hex: #7d848b;
    --text-disabled: oklch(0.45 0.012 250);
    --text-disabled-hex: #50565c;
    --primary: oklch(0.78 0.125 190);
    --primary-hex: #32d1c9;
    --primary-hover: oklch(0.85 0.1125 190);
    --primary-hover-hex: #67e5de;
    --primary-active: oklch(0.9 0.0938 190);
    --primary-active-hex: #90f2ec;
    --primary-subtle: oklch(0.23 0.0432 190);
    --primary-subtle-hex: #002321;
    --primary-border: oklch(0.33 0.0586 190);
    --primary-border-hex: #003f3c;
    --on-primary: oklch(0.12 0.03 190);
    --on-primary-hex: #000908;
    --accent: oklch(0.72 0.14 330);
    --accent-hex: #d582ce;
    --on-accent: oklch(0.12 0.03 330);
    --on-accent-hex: #0b030b;
    --accent-subtle: oklch(0.23 0.056 330);
    --accent-subtle-hex: #2b1229;
    --success: oklch(0.74 0.1323 150);
    --success-hex: #67c27d;
    --on-success: oklch(0.12 0.03 150);
    --on-success-hex: #000802;
    --success-subtle: oklch(0.235 0.0518 150);
    --success-subtle-hex: #082510;
    --warning: oklch(0.8 0.1265 68);
    --warning-hex: #f3ad5d;
    --on-warning: oklch(0.12 0.03 68);
    --on-warning-hex: #0d0400;
    --warning-subtle: oklch(0.235 0.0495 68);
    --warning-subtle-hex: #2d1901;
    --danger: oklch(0.7 0.1911 26);
    --danger-hex: #ff645c;
    --on-danger: oklch(0.12 0.03 26);
    --on-danger-hex: #0f0202;
    --danger-subtle: oklch(0.235 0.0833 26);
    --danger-subtle-hex: #3d0607;
    --info: oklch(0.74 0.115 235);
    --info-hex: #58b6e9;
    --on-info: oklch(0.12 0.03 235);
    --on-info-hex: #00070f;
    --info-subtle: oklch(0.235 0.045 235);
    --info-subtle-hex: #042130;
    --focus: oklch(0.82 0.1187 190);
    --focus-hex: #52ddd5;
    --selected: oklch(0.25 0.0461 190);
    --selected-hex: #002826;
    --hover-veil: oklch(0.215 0.015 250);
    --hover-veil-hex: #141a20;
    --overlay: oklch(0.05 0.01 250);
    --overlay-hex: #000001;
    --brand-surface: oklch(0.2 0.0391 190);
    --brand-surface-hex: #001b1a;
    --on-brand-surface: oklch(0.96 0.007 190);
    --on-brand-surface-hex: #edf3f3;
}

/* ── SKIN: apple (premium / reductive)
   Məhdudiyyət = lüks. Səhifə vahid səthdir, parçalanmış kart yığını deyil: fon boz (0.97), kart isə saf ağ — qat fərqi rənglə deyil, ağlığın özü ilə doğulur. İerarxiya çəki + ölçü + boz ton ilə qurulur, rənglə YOX; rəng yalnız əməliyyat və vəziyyət üçün. Kölgə iki qatlıdır (sıx təmas + yumşaq yayılma), heç vaxt tək sərt kölgə. Başlıqlarda mənfi tracking, uzun mətndə leading 1.85. */
[data-skin="apple"] {
    --font-display: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.6875rem;
    --size-xs: 0.75rem;
    --size-sm: 0.875rem;
    --size-base: 1.0625rem;
    --size-md: 1.1875rem;
    --size-lg: 1.375rem;
    --size-xl: 1.75rem;
    --size-2xl: 2.125rem;
    --size-3xl: 2.625rem;
    --size-4xl: 3.25rem;
    --size-5xl: 4rem;
    --leading-tight: 1.1;
    --leading-snug: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.85;
    --tracking-tight: -0.022em;
    --tracking-normal: 0;
    --tracking-wide: 0.02em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1.125rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 oklch(0.23 0.004 286 / 0.05), 0 8px 24px -6px oklch(0.23 0.004 286 / 0.06);
    --shadow-md: 0 1px 3px 0 oklch(0.23 0.004 286 / 0.06), 0 14px 40px -12px oklch(0.23 0.004 286 / 0.10);
    --shadow-lg: 0 2px 8px -2px oklch(0.23 0.004 286 / 0.10), 0 30px 80px -24px oklch(0.23 0.004 286 / 0.22);
    --bg: oklch(0.971 0.0015 286);
    --bg-hex: #f5f5f6;
    --bg-subtle: oklch(0.956 0.002 286);
    --bg-subtle-hex: #f0f0f2;
    --surface: oklch(0.995 0.001 286);
    --surface-hex: #fdfdfe;
    --surface-2: oklch(0.975 0.002 286);
    --surface-2-hex: #f6f6f8;
    --surface-3: oklch(0.955 0.0025 286);
    --surface-3-hex: #f0f0f2;
    --border: oklch(0.905 0.003 286);
    --border-hex: #dfdfe1;
    --border-strong: oklch(0.64 0.006 286);
    --border-strong-hex: #8c8c90;
    --text: oklch(0.232 0.004 286);
    --text-hex: #1d1d1f;
    --text-muted: oklch(0.492 0.0045 286);
    --text-muted-hex: #616163;
    --text-subtle: oklch(0.592 0.004 286);
    --text-subtle-hex: #7d7d80;
    --text-disabled: oklch(0.712 0.0025 286);
    --text-disabled-hex: #a2a2a4;
    --primary: oklch(0.545 0.1876 256);
    --primary-hex: #006cda;
    --primary-hover: oklch(0.503 0.1736 256);
    --primary-hover-hex: #0060c4;
    --primary-active: oklch(0.453 0.157 256);
    --primary-active-hex: #0053aa;
    --primary-subtle: oklch(0.96 0.0193 256);
    --primary-subtle-hex: #eaf3ff;
    --primary-border: oklch(0.85 0.0752 256);
    --primary-border-hex: #aed0ff;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.556 0.2 278);
    --accent-hex: #5e5de4;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.955 0.0216 278);
    --accent-subtle-hex: #ecefff;
    --success: oklch(0.46 0.1382 147);
    --success-hex: #006b23;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.955 0.037 147);
    --success-subtle-hex: #e1f7e2;
    --warning: oklch(0.5 0.1117 67);
    --warning-hex: #8d5400;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.955 0.0313 67);
    --warning-subtle-hex: #ffeddb;
    --danger: oklch(0.5 0.2013 16);
    --danger-hex: #ba003a;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.955 0.0225 16);
    --danger-subtle-hex: #ffeaeb;
    --info: oklch(0.48 0.1374 250);
    --info-hex: #005fa7;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.955 0.0224 250);
    --info-subtle-hex: #e5f2ff;
    --focus: oklch(0.623 0.2061 256);
    --focus-hex: #1183ff;
    --selected: oklch(0.945 0.0267 256);
    --selected-hex: #e1eeff;
    --hover-veil: oklch(0.958 0.002 286);
    --hover-veil-hex: #f1f1f2;
    --overlay: oklch(0.232 0.005 286);
    --overlay-hex: #1d1d20;
    --brand-surface: oklch(0.42 0.17 264);
    --brand-surface-hex: #1a42a8;
    --on-brand-surface: oklch(0.97 0.0119 264);
    --on-brand-surface-hex: #f1f5fd;
}

[data-skin="apple"][data-theme="light"] {
    --bg: oklch(0.971 0.0015 286);
    --bg-hex: #f5f5f6;
    --bg-subtle: oklch(0.956 0.002 286);
    --bg-subtle-hex: #f0f0f2;
    --surface: oklch(0.995 0.001 286);
    --surface-hex: #fdfdfe;
    --surface-2: oklch(0.975 0.002 286);
    --surface-2-hex: #f6f6f8;
    --surface-3: oklch(0.955 0.0025 286);
    --surface-3-hex: #f0f0f2;
    --border: oklch(0.905 0.003 286);
    --border-hex: #dfdfe1;
    --border-strong: oklch(0.64 0.006 286);
    --border-strong-hex: #8c8c90;
    --text: oklch(0.232 0.004 286);
    --text-hex: #1d1d1f;
    --text-muted: oklch(0.492 0.0045 286);
    --text-muted-hex: #616163;
    --text-subtle: oklch(0.592 0.004 286);
    --text-subtle-hex: #7d7d80;
    --text-disabled: oklch(0.712 0.0025 286);
    --text-disabled-hex: #a2a2a4;
    --primary: oklch(0.545 0.1876 256);
    --primary-hex: #006cda;
    --primary-hover: oklch(0.503 0.1736 256);
    --primary-hover-hex: #0060c4;
    --primary-active: oklch(0.453 0.157 256);
    --primary-active-hex: #0053aa;
    --primary-subtle: oklch(0.96 0.0193 256);
    --primary-subtle-hex: #eaf3ff;
    --primary-border: oklch(0.85 0.0752 256);
    --primary-border-hex: #aed0ff;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.556 0.2 278);
    --accent-hex: #5e5de4;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.955 0.0216 278);
    --accent-subtle-hex: #ecefff;
    --success: oklch(0.46 0.1382 147);
    --success-hex: #006b23;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.955 0.037 147);
    --success-subtle-hex: #e1f7e2;
    --warning: oklch(0.5 0.1117 67);
    --warning-hex: #8d5400;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.955 0.0313 67);
    --warning-subtle-hex: #ffeddb;
    --danger: oklch(0.5 0.2013 16);
    --danger-hex: #ba003a;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.955 0.0225 16);
    --danger-subtle-hex: #ffeaeb;
    --info: oklch(0.48 0.1374 250);
    --info-hex: #005fa7;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.955 0.0224 250);
    --info-subtle-hex: #e5f2ff;
    --focus: oklch(0.623 0.2061 256);
    --focus-hex: #1183ff;
    --selected: oklch(0.945 0.0267 256);
    --selected-hex: #e1eeff;
    --hover-veil: oklch(0.958 0.002 286);
    --hover-veil-hex: #f1f1f2;
    --overlay: oklch(0.232 0.005 286);
    --overlay-hex: #1d1d20;
    --brand-surface: oklch(0.42 0.17 264);
    --brand-surface-hex: #1a42a8;
    --on-brand-surface: oklch(0.97 0.0119 264);
    --on-brand-surface-hex: #f1f5fd;
}

@media (prefers-color-scheme: dark) {
  [data-skin="apple"]:not([data-theme="light"]) {
      --bg: oklch(0.235 0.004 286);
      --bg-hex: #1e1e20;
      --bg-subtle: oklch(0.21 0.004 286);
      --bg-subtle-hex: #18181a;
      --surface: oklch(0.29 0.0044 286);
      --surface-hex: #2b2b2d;
      --surface-2: oklch(0.328 0.0052 286);
      --surface-2-hex: #343437;
      --surface-3: oklch(0.365 0.006 286);
      --surface-3-hex: #3e3e41;
      --border: oklch(0.4 0.0064 286);
      --border-hex: #47474b;
      --border-strong: oklch(0.55 0.012 286);
      --border-strong-hex: #717178;
      --text: oklch(0.97 0.002 286);
      --text-hex: #f5f5f6;
      --text-muted: oklch(0.75 0.0056 286);
      --text-muted-hex: #adadb1;
      --text-subtle: oklch(0.65 0.0056 286);
      --text-subtle-hex: #8f8f92;
      --text-disabled: oklch(0.49 0.0048 286);
      --text-disabled-hex: #606063;
      --primary: oklch(0.702 0.1582 256);
      --primary-hex: #57a0ff;
      --primary-hover: oklch(0.694 0.1629 256);
      --primary-hover-hex: #529dff;
      --primary-active: oklch(0.744 0.1337 256);
      --primary-active-hex: #71aeff;
      --primary-subtle: oklch(0.335 0.0675 256);
      --primary-subtle-hex: #1e3759;
      --primary-border: oklch(0.435 0.0965 256);
      --primary-border-hex: #2a5285;
      --on-primary: oklch(0.225 0.03 256);
      --on-primary-hex: #121c2a;
      --accent: oklch(0.576 0.2 278);
      --accent-hex: #6363eb;
      --on-accent: oklch(0.995 0.0 0);
      --on-accent-hex: #fdfdfd;
      --accent-subtle: oklch(0.335 0.08 278);
      --accent-subtle-hex: #2e315f;
      --success: oklch(0.74 0.2127 147);
      --success-hex: #1dcc50;
      --on-success: oklch(0.225 0.03 147);
      --on-success-hex: #122013;
      --success-subtle: oklch(0.34 0.0833 147);
      --success-subtle-hex: #13431c;
      --warning: oklch(0.8 0.1547 67);
      --warning-hex: #ffa83d;
      --on-warning: oklch(0.225 0.03 67);
      --on-warning-hex: #25190c;
      --warning-subtle: oklch(0.34 0.0743 67);
      --warning-subtle-hex: #512f01;
      --danger: oklch(0.718 0.1781 16);
      --danger-hex: #ff6d7d;
      --on-danger: oklch(0.225 0.03 16);
      --on-danger-hex: #281617;
      --danger-subtle: oklch(0.34 0.0922 16);
      --danger-subtle-hex: #5e1f27;
      --info: oklch(0.74 0.1397 250);
      --info-hex: #60b0ff;
      --on-info: oklch(0.225 0.03 250);
      --on-info-hex: #111d29;
      --info-subtle: oklch(0.34 0.0675 250);
      --info-subtle-hex: #1a3a59;
      --focus: oklch(0.664 0.1809 256);
      --focus-hex: #3c92ff;
      --selected: oklch(0.355 0.0772 256);
      --selected-hex: #1f3c63;
      --hover-veil: oklch(0.32 0.006 286);
      --hover-veil-hex: #323236;
      --overlay: oklch(0.155 0.004 286);
      --overlay-hex: #0c0c0e;
      --brand-surface: oklch(0.32 0.15 264);
      --brand-surface-hex: #07277d;
      --on-brand-surface: oklch(0.96 0.0105 264);
      --on-brand-surface-hex: #eef2f9;
  }
}

[data-skin="apple"][data-theme="dark"] {
    --bg: oklch(0.235 0.004 286);
    --bg-hex: #1e1e20;
    --bg-subtle: oklch(0.21 0.004 286);
    --bg-subtle-hex: #18181a;
    --surface: oklch(0.29 0.0044 286);
    --surface-hex: #2b2b2d;
    --surface-2: oklch(0.328 0.0052 286);
    --surface-2-hex: #343437;
    --surface-3: oklch(0.365 0.006 286);
    --surface-3-hex: #3e3e41;
    --border: oklch(0.4 0.0064 286);
    --border-hex: #47474b;
    --border-strong: oklch(0.55 0.012 286);
    --border-strong-hex: #717178;
    --text: oklch(0.97 0.002 286);
    --text-hex: #f5f5f6;
    --text-muted: oklch(0.75 0.0056 286);
    --text-muted-hex: #adadb1;
    --text-subtle: oklch(0.65 0.0056 286);
    --text-subtle-hex: #8f8f92;
    --text-disabled: oklch(0.49 0.0048 286);
    --text-disabled-hex: #606063;
    --primary: oklch(0.702 0.1582 256);
    --primary-hex: #57a0ff;
    --primary-hover: oklch(0.694 0.1629 256);
    --primary-hover-hex: #529dff;
    --primary-active: oklch(0.744 0.1337 256);
    --primary-active-hex: #71aeff;
    --primary-subtle: oklch(0.335 0.0675 256);
    --primary-subtle-hex: #1e3759;
    --primary-border: oklch(0.435 0.0965 256);
    --primary-border-hex: #2a5285;
    --on-primary: oklch(0.225 0.03 256);
    --on-primary-hex: #121c2a;
    --accent: oklch(0.576 0.2 278);
    --accent-hex: #6363eb;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.335 0.08 278);
    --accent-subtle-hex: #2e315f;
    --success: oklch(0.74 0.2127 147);
    --success-hex: #1dcc50;
    --on-success: oklch(0.225 0.03 147);
    --on-success-hex: #122013;
    --success-subtle: oklch(0.34 0.0833 147);
    --success-subtle-hex: #13431c;
    --warning: oklch(0.8 0.1547 67);
    --warning-hex: #ffa83d;
    --on-warning: oklch(0.225 0.03 67);
    --on-warning-hex: #25190c;
    --warning-subtle: oklch(0.34 0.0743 67);
    --warning-subtle-hex: #512f01;
    --danger: oklch(0.718 0.1781 16);
    --danger-hex: #ff6d7d;
    --on-danger: oklch(0.225 0.03 16);
    --on-danger-hex: #281617;
    --danger-subtle: oklch(0.34 0.0922 16);
    --danger-subtle-hex: #5e1f27;
    --info: oklch(0.74 0.1397 250);
    --info-hex: #60b0ff;
    --on-info: oklch(0.225 0.03 250);
    --on-info-hex: #111d29;
    --info-subtle: oklch(0.34 0.0675 250);
    --info-subtle-hex: #1a3a59;
    --focus: oklch(0.664 0.1809 256);
    --focus-hex: #3c92ff;
    --selected: oklch(0.355 0.0772 256);
    --selected-hex: #1f3c63;
    --hover-veil: oklch(0.32 0.006 286);
    --hover-veil-hex: #323236;
    --overlay: oklch(0.155 0.004 286);
    --overlay-hex: #0c0c0e;
    --brand-surface: oklch(0.32 0.15 264);
    --brand-surface-hex: #07277d;
    --on-brand-surface: oklch(0.96 0.0105 264);
    --on-brand-surface-hex: #eef2f9;
}

/* ── SKIN: editorial (editorial / achromatic)
   Brend rəngi YOXDUR: primary və accent tamamilə axromatikdir (C=0), fərq yalnız açıqlıqdadır. Rəng bu skində məna daşıyıcısı deyil, vəziyyət siqnalıdır — səhifədə görünən yeganə xromatik nöqtə xəbərdarlıq/xəta/uğurdur. İyerarxiyanı tipoqrafiya və ayırıcı xətlər qurur, kölgə demək olar yoxdur (sep 1.5). Baza ölçü böyükdür (17px) və sətir aralığı genişdir (1.75) — ölçü vahidi ekran deyil, oxu müddətidir. */
[data-skin="editorial"] {
    --font-display: 'Unbounded', 'Commissioner', ui-sans-serif, system-ui, sans-serif;
    --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;
    --size-2xs: 0.8125rem;
    --size-xs: 0.875rem;
    --size-sm: 0.9375rem;
    --size-base: 1.0625rem;
    --size-md: 1.1875rem;
    --size-lg: clamp(1.3125rem, 1.2rem + 0.55vw, 1.5rem);
    --size-xl: clamp(1.625rem, 1.4rem + 1.1vw, 2.05rem);
    --size-2xl: clamp(2rem, 1.6rem + 1.9vw, 2.75rem);
    --size-3xl: clamp(2.45rem, 1.9rem + 2.7vw, 3.5rem);
    --size-4xl: clamp(2.9rem, 2.05rem + 3.8vw, 4.5rem);
    --size-5xl: clamp(3.3rem, 2.15rem + 5vw, 5.5rem);
    --leading-tight: 1.08;
    --leading-snug: 1.3;
    --leading-normal: 1.75;
    --leading-relaxed: 1.9;
    --tracking-tight: -0.02em;
    --tracking-normal: 0;
    --tracking-wide: 0.06em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 oklch(0.20 0.004 285 / 0.06);
    --shadow-md: 0 2px 6px -2px oklch(0.20 0.004 285 / 0.10);
    --shadow-lg: 0 8px 24px -12px oklch(0.18 0.004 285 / 0.14);
    --bg: oklch(0.977 0.0045 285);
    --bg-hex: #f7f7fa;
    --bg-subtle: oklch(0.9545 0.006 285);
    --bg-subtle-hex: #efeff4;
    --surface: oklch(0.995 0.0025 285);
    --surface-hex: #fdfdff;
    --surface-2: oklch(0.9625 0.006 285);
    --surface-2-hex: #f2f2f7;
    --surface-3: oklch(0.9325 0.0075 285);
    --surface-3-hex: #e8e8ee;
    --border: oklch(0.8575 0.009 285);
    --border-hex: #cfcfd6;
    --border-strong: oklch(0.64 0.018 285);
    --border-strong-hex: #8b8b97;
    --text: oklch(0.3 0.012 285);
    --text-hex: #2d2d34;
    --text-muted: oklch(0.542 0.0135 285);
    --text-muted-hex: #6e6e77;
    --text-subtle: oklch(0.648 0.012 285);
    --text-subtle-hex: #8d8e96;
    --text-disabled: oklch(0.78 0.0075 285);
    --text-disabled-hex: #b7b7bc;
    --primary: oklch(0.3 0.0 0);
    --primary-hex: #2e2e2e;
    --primary-hover: oklch(0.24 0.0 0);
    --primary-hover-hex: #1f1f1f;
    --primary-active: oklch(0.19 0.0 0);
    --primary-active-hex: #141414;
    --primary-subtle: oklch(0.9525 0.0 0);
    --primary-subtle-hex: #efefef;
    --primary-border: oklch(0.85 0.0 0);
    --primary-border-hex: #cecece;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.55 0.0 0);
    --accent-hex: #717171;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.9475 0.0 0);
    --accent-subtle-hex: #ededed;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.95 0.023 150);
    --success-subtle-hex: #e4f3e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.95 0.022 68);
    --warning-subtle-hex: #f9ecdf;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.95 0.025 26);
    --danger-subtle-hex: #ffe9e6;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.95 0.02 235);
    --info-subtle-hex: #e2f1fa;
    --focus: oklch(0.36 0.0 0);
    --focus-hex: #3d3d3d;
    --selected: oklch(0.9375 0.0 0);
    --selected-hex: #eaeaea;
    --hover-veil: oklch(0.953 0.006 285);
    --hover-veil-hex: #efeff3;
    --overlay: oklch(0.3 0.015 285);
    --overlay-hex: #2d2d35;
    --brand-surface: oklch(0.22 0.004 285);
    --brand-surface-hex: #1a1a1c;
    --on-brand-surface: oklch(0.97 0.0 0);
    --on-brand-surface-hex: #f5f5f5;
}

[data-skin="editorial"][data-theme="light"] {
    --bg: oklch(0.977 0.0045 285);
    --bg-hex: #f7f7fa;
    --bg-subtle: oklch(0.9545 0.006 285);
    --bg-subtle-hex: #efeff4;
    --surface: oklch(0.995 0.0025 285);
    --surface-hex: #fdfdff;
    --surface-2: oklch(0.9625 0.006 285);
    --surface-2-hex: #f2f2f7;
    --surface-3: oklch(0.9325 0.0075 285);
    --surface-3-hex: #e8e8ee;
    --border: oklch(0.8575 0.009 285);
    --border-hex: #cfcfd6;
    --border-strong: oklch(0.64 0.018 285);
    --border-strong-hex: #8b8b97;
    --text: oklch(0.3 0.012 285);
    --text-hex: #2d2d34;
    --text-muted: oklch(0.542 0.0135 285);
    --text-muted-hex: #6e6e77;
    --text-subtle: oklch(0.648 0.012 285);
    --text-subtle-hex: #8d8e96;
    --text-disabled: oklch(0.78 0.0075 285);
    --text-disabled-hex: #b7b7bc;
    --primary: oklch(0.3 0.0 0);
    --primary-hex: #2e2e2e;
    --primary-hover: oklch(0.24 0.0 0);
    --primary-hover-hex: #1f1f1f;
    --primary-active: oklch(0.19 0.0 0);
    --primary-active-hex: #141414;
    --primary-subtle: oklch(0.9525 0.0 0);
    --primary-subtle-hex: #efefef;
    --primary-border: oklch(0.85 0.0 0);
    --primary-border-hex: #cecece;
    --on-primary: oklch(0.995 0.0 0);
    --on-primary-hex: #fdfdfd;
    --accent: oklch(0.55 0.0 0);
    --accent-hex: #717171;
    --on-accent: oklch(0.995 0.0 0);
    --on-accent-hex: #fdfdfd;
    --accent-subtle: oklch(0.9475 0.0 0);
    --accent-subtle-hex: #ededed;
    --success: oklch(0.46 0.115 150);
    --success-hex: #176933;
    --on-success: oklch(0.995 0.0 0);
    --on-success-hex: #fdfdfd;
    --success-subtle: oklch(0.95 0.023 150);
    --success-subtle-hex: #e4f3e7;
    --warning: oklch(0.5 0.11 68);
    --warning-hex: #8b5500;
    --on-warning: oklch(0.995 0.0 0);
    --on-warning-hex: #fdfdfd;
    --warning-subtle: oklch(0.95 0.022 68);
    --warning-subtle-hex: #f9ecdf;
    --danger: oklch(0.5 0.185 26);
    --danger-hex: #b51e23;
    --on-danger: oklch(0.995 0.0 0);
    --on-danger-hex: #fdfdfd;
    --danger-subtle: oklch(0.95 0.025 26);
    --danger-subtle-hex: #ffe9e6;
    --info: oklch(0.48 0.1 235);
    --info-hex: #06658e;
    --on-info: oklch(0.995 0.0 0);
    --on-info-hex: #fdfdfd;
    --info-subtle: oklch(0.95 0.02 235);
    --info-subtle-hex: #e2f1fa;
    --focus: oklch(0.36 0.0 0);
    --focus-hex: #3d3d3d;
    --selected: oklch(0.9375 0.0 0);
    --selected-hex: #eaeaea;
    --hover-veil: oklch(0.953 0.006 285);
    --hover-veil-hex: #efeff3;
    --overlay: oklch(0.3 0.015 285);
    --overlay-hex: #2d2d35;
    --brand-surface: oklch(0.22 0.004 285);
    --brand-surface-hex: #1a1a1c;
    --on-brand-surface: oklch(0.97 0.0 0);
    --on-brand-surface-hex: #f5f5f5;
}

@media (prefers-color-scheme: dark) {
  [data-skin="editorial"]:not([data-theme="light"]) {
      --bg: oklch(0.14 0.005 285);
      --bg-hex: #09090b;
      --bg-subtle: oklch(0.1025 0.005 285);
      --bg-subtle-hex: #030305;
      --surface: oklch(0.165 0.0055 285);
      --surface-hex: #0e0e11;
      --surface-2: oklch(0.222 0.0065 285);
      --surface-2-hex: #1b1b1e;
      --surface-3: oklch(0.2775 0.0075 285);
      --surface-3-hex: #28282c;
      --border: oklch(0.33 0.008 285);
      --border-hex: #353539;
      --border-strong: oklch(0.55 0.015 285);
      --border-strong-hex: #70707a;
      --text: oklch(0.965 0.0025 285);
      --text-hex: #f3f3f5;
      --text-muted: oklch(0.745 0.007 285);
      --text-muted-hex: #acacb1;
      --text-subtle: oklch(0.645 0.007 285);
      --text-subtle-hex: #8d8d92;
      --text-disabled: oklch(0.485 0.006 285);
      --text-disabled-hex: #5e5f62;
      --primary: oklch(0.965 0.0 0);
      --primary-hex: #f3f3f3;
      --primary-hover: oklch(0.995 0.0 0);
      --primary-hover-hex: #fdfdfd;
      --primary-active: oklch(0.995 0.0 0);
      --primary-active-hex: #fdfdfd;
      --primary-subtle: oklch(0.24 0.0 0);
      --primary-subtle-hex: #1f1f1f;
      --primary-border: oklch(0.34 0.0 0);
      --primary-border-hex: #383838;
      --on-primary: oklch(0.13 0.03 285);
      --on-primary-hex: #060613;
      --accent: oklch(0.72 0.0 0);
      --accent-hex: #a4a4a4;
      --on-accent: oklch(0.13 0.03 285);
      --on-accent-hex: #060613;
      --accent-subtle: oklch(0.24 0.0 0);
      --accent-subtle-hex: #1f1f1f;
      --success: oklch(0.74 0.1323 150);
      --success-hex: #67c27d;
      --on-success: oklch(0.13 0.03 150);
      --on-success-hex: #010a03;
      --success-subtle: oklch(0.245 0.0518 150);
      --success-subtle-hex: #0b2713;
      --warning: oklch(0.8 0.1265 68);
      --warning-hex: #f3ad5d;
      --on-warning: oklch(0.13 0.03 68);
      --on-warning-hex: #0f0500;
      --warning-subtle: oklch(0.245 0.0495 68);
      --warning-subtle-hex: #301b03;
      --danger: oklch(0.7 0.1911 26);
      --danger-hex: #ff645c;
      --on-danger: oklch(0.13 0.03 26);
      --on-danger-hex: #110303;
      --danger-subtle: oklch(0.245 0.0833 26);
      --danger-subtle-hex: #400909;
      --info: oklch(0.74 0.115 235);
      --info-hex: #58b6e9;
      --on-info: oklch(0.13 0.03 235);
      --on-info-hex: #000911;
      --info-subtle: oklch(0.245 0.045 235);
      --info-subtle-hex: #062433;
      --focus: oklch(0.995 0.0 0);
      --focus-hex: #fdfdfd;
      --selected: oklch(0.26 0.0 0);
      --selected-hex: #242424;
      --hover-veil: oklch(0.225 0.0075 285);
      --hover-veil-hex: #1b1b1f;
      --overlay: oklch(0.06 0.005 285);
      --overlay-hex: #010101;
      --brand-surface: oklch(0.2 0.006 285);
      --brand-surface-hex: #161619;
      --on-brand-surface: oklch(0.96 0.0 0);
      --on-brand-surface-hex: #f2f2f2;
  }
}

[data-skin="editorial"][data-theme="dark"] {
    --bg: oklch(0.14 0.005 285);
    --bg-hex: #09090b;
    --bg-subtle: oklch(0.1025 0.005 285);
    --bg-subtle-hex: #030305;
    --surface: oklch(0.165 0.0055 285);
    --surface-hex: #0e0e11;
    --surface-2: oklch(0.222 0.0065 285);
    --surface-2-hex: #1b1b1e;
    --surface-3: oklch(0.2775 0.0075 285);
    --surface-3-hex: #28282c;
    --border: oklch(0.33 0.008 285);
    --border-hex: #353539;
    --border-strong: oklch(0.55 0.015 285);
    --border-strong-hex: #70707a;
    --text: oklch(0.965 0.0025 285);
    --text-hex: #f3f3f5;
    --text-muted: oklch(0.745 0.007 285);
    --text-muted-hex: #acacb1;
    --text-subtle: oklch(0.645 0.007 285);
    --text-subtle-hex: #8d8d92;
    --text-disabled: oklch(0.485 0.006 285);
    --text-disabled-hex: #5e5f62;
    --primary: oklch(0.965 0.0 0);
    --primary-hex: #f3f3f3;
    --primary-hover: oklch(0.995 0.0 0);
    --primary-hover-hex: #fdfdfd;
    --primary-active: oklch(0.995 0.0 0);
    --primary-active-hex: #fdfdfd;
    --primary-subtle: oklch(0.24 0.0 0);
    --primary-subtle-hex: #1f1f1f;
    --primary-border: oklch(0.34 0.0 0);
    --primary-border-hex: #383838;
    --on-primary: oklch(0.13 0.03 285);
    --on-primary-hex: #060613;
    --accent: oklch(0.72 0.0 0);
    --accent-hex: #a4a4a4;
    --on-accent: oklch(0.13 0.03 285);
    --on-accent-hex: #060613;
    --accent-subtle: oklch(0.24 0.0 0);
    --accent-subtle-hex: #1f1f1f;
    --success: oklch(0.74 0.1323 150);
    --success-hex: #67c27d;
    --on-success: oklch(0.13 0.03 150);
    --on-success-hex: #010a03;
    --success-subtle: oklch(0.245 0.0518 150);
    --success-subtle-hex: #0b2713;
    --warning: oklch(0.8 0.1265 68);
    --warning-hex: #f3ad5d;
    --on-warning: oklch(0.13 0.03 68);
    --on-warning-hex: #0f0500;
    --warning-subtle: oklch(0.245 0.0495 68);
    --warning-subtle-hex: #301b03;
    --danger: oklch(0.7 0.1911 26);
    --danger-hex: #ff645c;
    --on-danger: oklch(0.13 0.03 26);
    --on-danger-hex: #110303;
    --danger-subtle: oklch(0.245 0.0833 26);
    --danger-subtle-hex: #400909;
    --info: oklch(0.74 0.115 235);
    --info-hex: #58b6e9;
    --on-info: oklch(0.13 0.03 235);
    --on-info-hex: #000911;
    --info-subtle: oklch(0.245 0.045 235);
    --info-subtle-hex: #062433;
    --focus: oklch(0.995 0.0 0);
    --focus-hex: #fdfdfd;
    --selected: oklch(0.26 0.0 0);
    --selected-hex: #242424;
    --hover-veil: oklch(0.225 0.0075 285);
    --hover-veil-hex: #1b1b1f;
    --overlay: oklch(0.06 0.005 285);
    --overlay-hex: #010101;
    --brand-surface: oklch(0.2 0.006 285);
    --brand-surface-hex: #161619;
    --on-brand-surface: oklch(0.96 0.0 0);
    --on-brand-surface-hex: #f2f2f2;
}

/* Baza qatı — token-lərin minimum tətbiqi */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-body);
    font-size: var(--size-base);
    line-height: var(--leading-normal);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
    font-family: var(--font-display);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    margin: 0;
}

p { text-wrap: pretty; margin: 0; }

code, kbd, pre, samp { font-family: var(--font-mono); }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

/* Hərəkət azaldılması seçimi — hər animasiya üçün məcburi qarşılıq */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}