/* sayisalci — design tokens.
 *
 * GENERATED from designs/sayisalci/sayisalci-web-modern.html lines 18-69, verbatim (modern/navy is the shipped direction).
 * Do not hand-edit: re-run artifacts/extract_tokens.py instead.
 *
 * This file holds custom properties ONLY. Structure lives in components.css, so a
 * direction swap (modern <-> editorial) is a token-file replacement, not a rewrite.
 *
 * Source hash: 8e9061676d8b929c
 */

:root {
      /* modern-minimal direction tokens — lacivert aksanlı kurumsal alternatif */
      --bg:      oklch(99% 0.002 240);
      --surface: oklch(100% 0 0);
      --fg:      oklch(18% 0.012 250);
      --muted:   oklch(54% 0.012 250);
      --border:  oklch(92% 0.005 250);
      --accent:  oklch(44% 0.11 258);

      /* ikincil sinyal — yalnız veri görselleştirmede ve durum noktalarında */
      --signal:      oklch(52% 0.11 200);
      --signal-soft: color-mix(in oklch, var(--signal) 16%, transparent);

      --accent-soft: color-mix(in oklch, var(--accent) 16%, transparent);
      --fg-soft:     color-mix(in oklch, var(--fg) 5%, transparent);
      --accent-on:    var(--surface);
      --accent-hover: color-mix(in oklch, var(--accent) 88%, black);
      --accent-ink:   color-mix(in oklch, var(--accent) 82%, black);

      --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
      --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
      --font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;
      --font-wordmark: 'Iowan Old Style', 'Charter', Georgia, 'Times New Roman', serif;

      --fs-h1: clamp(38px, 5.2vw, 62px);
      --fs-h2: clamp(28px, 3.4vw, 40px);
      --fs-h3: 18px;
      --fs-lead: 18px;
      --fs-body: 16px;
      --fs-meta: 12.5px;

      --gap-xs: 8px; --gap-sm: 12px; --gap-md: 20px; --gap-lg: 32px;
      --gap-xl: 56px; --gap-2xl: 96px;
      --container: 1120px; --gutter: 32px;
      --radius: 8px; --radius-lg: 14px;
      color-scheme: light;

}

:root[data-theme="dark"] {
      color-scheme: dark;
      --bg:      oklch(17% 0.016 258);  /* #0b1016 */
      --surface: oklch(22% 0.018 258);  /* #151b23 */
      --fg:      oklch(95% 0.006 258);  /* #eceff2 */
      --muted:   oklch(72% 0.016 258);  /* #9fa5af */
      --border:  oklch(31% 0.020 258);  /* #2a313b */
      --accent:  oklch(76% 0.10 258);   /* #89b3f0 */
      --signal:  oklch(78% 0.09 200);   /* #6ac9ce */
      --accent-on:    var(--bg);
      --accent-hover: color-mix(in oklch, var(--accent) 90%, white);
      --accent-ink:   color-mix(in oklch, var(--accent) 84%, white);

}

/* brand-spec.md / identity guide; reserved for announcement+CTA imagery and print. Never use on an identity surface (6.4:1 on light accent fills). */
:root {
  --accent-deep: oklch(30% 0.06 258);
}