/* =====================================================================
   Evotech Soft — Design Tokens
   "Signal / Engineered Depth" — dark, precise, high-tech
   ===================================================================== */

:root {
  /* ---- Surfaces (deep blue-black ink) ---- */
  --ink-900: oklch(13% 0.012 264);
  --ink-850: oklch(15.5% 0.014 264);
  --ink-800: oklch(18% 0.016 264);
  --ink-750: oklch(21% 0.018 264);
  --ink-700: oklch(25% 0.02 264);

  /* ---- Hairlines / borders ---- */
  --line: oklch(100% 0 0 / 0.08);
  --line-strong: oklch(100% 0 0 / 0.16);
  --line-faint: oklch(100% 0 0 / 0.045);

  /* ---- Text ---- */
  --text: oklch(96% 0.004 264);
  --text-muted: oklch(74% 0.013 264);
  --text-faint: oklch(58% 0.015 264);

  /* ---- Accents: signal blue (primary) + magenta spark (rare) ---- */
  --signal: oklch(74% 0.135 232);
  --signal-bright: oklch(83% 0.14 222);
  --signal-deep: oklch(58% 0.13 245);
  --spark: oklch(70% 0.23 352);
  --spark-bright: oklch(78% 0.21 350);

  /* tints for glows / fills */
  --signal-tint-08: oklch(74% 0.135 232 / 0.08);
  --signal-tint-14: oklch(74% 0.135 232 / 0.14);
  --signal-tint-22: oklch(74% 0.135 232 / 0.22);
  --spark-tint-14: oklch(70% 0.23 352 / 0.14);

  --gradient-signal: linear-gradient(115deg, var(--signal-bright), var(--spark));
  --gradient-signal-soft: linear-gradient(
    115deg,
    oklch(83% 0.14 222 / 0.85),
    oklch(70% 0.23 352 / 0.85)
  );

  /* ---- Typography ---- */
  --font-display: "Clash Display", "Segoe UI", system-ui, sans-serif;
  --font-body: "General Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-mono: 0.72rem;
  --fs-body: clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
  --fs-lead: clamp(1.3rem, 1.1rem + 0.95vw, 1.85rem);
  --fs-h3: clamp(1.3rem, 1.1rem + 0.9vw, 1.85rem);
  --fs-h2: clamp(2.4rem, 1.4rem + 4vw, 5rem);
  --fs-display: clamp(3.2rem, 0.5rem + 11vw, 10.5rem);

  --lh-tight: 0.96;
  --lh-snug: 1.15;
  --lh-body: 1.6;

  --tracking-mono: 0.22em;
  --tracking-tight: -0.02em;
  --tracking-display: -0.03em;

  /* ---- Spacing / layout ---- */
  --space-section: clamp(5.5rem, 3rem + 9vw, 11rem);
  --container: 1280px;
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);

  /* ---- Radii ---- */
  --r-sm: 6px;
  --r: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* ---- Elevation ---- */
  --shadow-card: 0 1px 0 0 var(--line-faint) inset,
    0 24px 60px -28px oklch(0% 0 0 / 0.7);
  --shadow-float: 0 30px 80px -30px oklch(0% 0 0 / 0.8);

  /* ---- Motion ---- */
  --dur-fast: 180ms;
  --dur: 380ms;
  --dur-slow: 760ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);

  --z-cursor: 9999;
  --z-progress: 200;
  --z-nav: 150;
  --z-menu: 140;
  --z-grain: 100;

  color-scheme: dark;
}