/* Caprock Works design tokens. Dark-first — the site stays dark regardless of system pref.
   The rest of the CSS cascade comes from the v2 boilerplate (base/layout/components). */
:root {
  /* Brand */
  --color-accent: #14b8a6;
  --color-accent-hover: #0d9488;
  --color-accent-soft: rgba(20, 184, 166, 0.16);
  --color-accent-2: #fbbf24;
  --color-accent-2-soft: rgba(251, 191, 36, 0.14);

  /* Neutrals — dark-first */
  --color-bg: #0a0e1a;
  --color-bg-alt: #111827;
  --color-surface: #1a1f2e;
  --color-surface-hi: #242b3d;
  --color-text: #f8fafc;
  --color-text-muted: #94a3b8;
  --color-text-dim: #64748b;
  --color-border: rgba(148, 163, 184, 0.14);
  --color-border-hi: rgba(148, 163, 184, 0.28);
  --color-shadow: rgba(0, 0, 0, 0.4);

  /* Type */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Scale — slightly tighter than boilerplate default */
  --step--1: clamp(0.833rem, 0.80rem + 0.17vw, 0.938rem);
  --step-0:  clamp(1.000rem, 0.96rem + 0.22vw, 1.125rem);
  --step-1:  clamp(1.200rem, 1.14rem + 0.28vw, 1.350rem);
  --step-2:  clamp(1.440rem, 1.36rem + 0.40vw, 1.620rem);
  --step-3:  clamp(1.728rem, 1.62rem + 0.54vw, 1.944rem);
  --step-4:  clamp(2.074rem, 1.92rem + 0.77vw, 2.333rem);
  --step-5:  clamp(2.488rem, 2.26rem + 1.14vw, 2.799rem);
  --step-6:  clamp(3.200rem, 2.75rem + 2.20vw, 4.200rem);

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* Layout */
  --container-max: 76rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-normal: 280ms;
  --dur-slow: 420ms;
}

/* No prefers-color-scheme override — this site is permanently dark. */