/* MinZap design tokens — studio slate + teal signal. Dark / light via data-theme. */

:root,
[data-theme="dark"] {
  color-scheme: dark;

  --bg: #090b10;
  --bg-elev: #12161e;
  --bg-soft: #1a2030;
  --text: #eef1f6;
  --muted: #8b93a7;
  --accent: #2ec4b6;
  --accent-2: #7dddd4;
  --accent-contrast: #041312;
  --line: rgba(238, 241, 246, 0.11);
  --line-strong: rgba(238, 241, 246, 0.18);
  --header-bg: rgba(9, 11, 16, 0.86);
  --footer-muted: #8b93a7;
  --danger: #ff7b7b;
  --success: #3dd68c;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.22);
  --radius: 0.5rem;
  --radius-lg: 0.85rem;
  --font: "Figtree", "Segoe UI", system-ui, sans-serif;
  --font-display: "Sora", "Arial Narrow", sans-serif;
  --wrap: 1120px;
  --space-section: clamp(2rem, 5vw, 3.5rem);
  --header-h: 3.75rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --bg-mesh-a: rgba(46, 196, 182, 0.16);
  --bg-mesh-b: rgba(90, 120, 220, 0.12);
  --hero-veil: linear-gradient(
    165deg,
    rgba(9, 11, 16, 0.2) 0%,
    rgba(18, 22, 30, 0.55) 48%,
    rgba(9, 11, 16, 0.92) 100%
  );
  --surface-hover: color-mix(in srgb, var(--accent) 10%, var(--bg-elev));
}

[data-theme="light"] {
  color-scheme: light;

  --bg: #f2f4f7;
  --bg-elev: #ffffff;
  --bg-soft: #e8ecf2;
  --text: #12151c;
  --muted: #5a6478;
  --accent: #0f766e;
  --accent-2: #0d9488;
  --accent-contrast: #f4fffd;
  --line: rgba(18, 21, 28, 0.1);
  --line-strong: rgba(18, 21, 28, 0.16);
  --header-bg: rgba(242, 244, 247, 0.9);
  --footer-muted: #5a6478;
  --danger: #b42318;
  --success: #087f5b;
  --shadow: 0 14px 36px rgba(18, 21, 28, 0.08);
  --shadow-sm: 0 4px 14px rgba(18, 21, 28, 0.06);
  --bg-mesh-a: rgba(15, 118, 110, 0.14);
  --bg-mesh-b: rgba(70, 100, 200, 0.09);
  --hero-veil: linear-gradient(
    165deg,
    rgba(242, 244, 247, 0.15) 0%,
    rgba(226, 236, 234, 0.45) 45%,
    rgba(242, 244, 247, 0.95) 100%
  );
  --surface-hover: color-mix(in srgb, var(--accent) 8%, var(--bg-elev));
}