/* tokens.css · Vaultcomet · Stayput's original dark theme (MotionSites portfolio template), unchanged.
   Aliases at the end let the sections borrowed from other sites keep their own token names. */
:root, [data-theme="dark"] {
  /* colour (template) */
  --bg: #0a0a0a;
  --surface: #141414;
  --surface-2: #1b1b1b;
  --text: #f5f5f5;
  --muted: #888888;
  --accent: #f5f5f5;
  --stroke: #1f1f1f;
  /* derived */
  --stroke-2: #2a2a2a;
  --text-2: oklch(96% 0 0 / 0.72);
  --grad: linear-gradient(90deg, #89aacc 0%, #4e85bf 100%);
  --grad-rev: linear-gradient(90deg, #4e85bf 0%, #89aacc 100%);
  --blue: #89aacc;
  --blue-2: #4e85bf;
  --blue-bg: rgba(137, 170, 204, 0.12);
  --glow: 0 0 8px rgba(137, 170, 204, 0.35);
  --ok: #7fd1a8;
  --ok-bg: rgba(127, 209, 168, 0.12);
  --warn: #e7a86b;
  --warn-bg: rgba(231, 168, 107, 0.12);
  --error: #f08a7e;
  --scrim: rgba(0, 0, 0, 0.7);
  --shadow: rgba(0, 0, 0, 0.6);

  /* type — Inter throughout (template body font; display serif dropped by site rule) */
  --font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-hero: clamp(2.125rem, 1.4rem + 3.6vw, 4.25rem);
  --text-h2: clamp(1.875rem, 1.4rem + 1.9vw, 2.875rem);
  --text-quote: clamp(1.375rem, 1.05rem + 1.3vw, 2rem);
  --text-h3: 1.125rem;
  --text-lg: 1.0625rem;
  --text-md: 0.9375rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --track-display: -0.045em;
  --track-heading: -0.03em;
  --track-caps: 0.3em;

  /* space — 4pt scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px;
  --s8: 40px; --s9: 56px; --s10: 72px; --s11: 96px; --s12: 128px;

  /* shape */
  --r-sm: 10px;
  --r-md: 14px;
  --r-card: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
  --fast: 180ms;
  --med: 360ms;

  --max: 1200px;
  --z-nav: 50;
  --z-loader: 9999;

  /* aliases (Firstline / Landed / Collabmagic names used by the borrowed sections) */
  --color-bg: var(--bg);
  --color-bg-2: var(--surface);
  --color-ink: var(--text);
  --color-ink-2: var(--text-2);
  --color-ink-3: rgba(245, 245, 245, 0.5);
  --color-line: rgba(255, 255, 255, 0.1);
  --color-line-2: rgba(255, 255, 255, 0.18);
  --color-glass: rgba(255, 255, 255, 0.05);
  --color-glass-2: rgba(255, 255, 255, 0.08);
  --color-panel: rgba(14, 14, 14, 0.8);
  --color-frost: rgba(16, 16, 16, 0.72);
  --color-shadow: var(--shadow);
  --color-accent: var(--blue);
  --color-accent-bg: var(--blue-bg);
  --color-signal: var(--blue);
  --color-signal-bg: var(--blue-bg);
  --color-sky: #b8cfe6;
  --color-sky-bg: rgba(184, 207, 230, 0.12);
  --color-amber: var(--warn);
  --color-amber-bg: var(--warn-bg);
  --color-ok: var(--ok);
  --color-ok-bg: var(--ok-bg);
  --color-find: var(--error);
  --color-find-bg: rgba(240, 138, 126, 0.14);
  --color-mark: rgba(137, 170, 204, 0.28);
  --text-stat: clamp(2.25rem, 1.7rem + 1.8vw, 3.25rem);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-7: 32px; --space-8: 40px; --space-9: 56px; --space-10: 72px; --space-11: 96px; --space-12: 128px;
  --radius-sm: 10px; --radius-md: 16px; --radius-card: 24px; --radius-lg: 32px; --radius-xl: 36px; --radius-pill: 999px;
  --ease-out: var(--ease);
  --dur-fast: 180ms; --dur-med: 360ms; --dur-card: 500ms;
  --track-label: 0.08em;
  --weight-light: 300;
}