/* Hallmark · macrostructure: scroll-film spine + long-document sections · tone: cinematic-aspirational-trade
 * theme: custom (vibe: "two trades, one campus — built by hand, backed for life"
 *   paper oklch(21% 0.03 250) · accent-a oklch(74% 0.09 80) gold (aviation) ·
 *   accent-b oklch(70% 0.13 230) water-blue (trades) ·
 *   display Bricolage Grotesque · body Instrument Sans · mono JetBrains Mono)
 * axes: dark / geometric-sans / dual warm+cool · differs from previous build (Alpine Aviation:
 * dark / classical-serif / warm-gold) on display style + accent hue
 * sources: Alpine Aviation + Oasis Well Pump brands only · Powered by scroll-world + Higgsfield
 */
:root {
  /* color — OKLCH, merged from the two founding brands */
  --color-paper:       oklch(21% 0.03 250);   /* deep campus navy */
  --color-paper-2:     oklch(25% 0.035 250);
  --color-paper-3:     oklch(30% 0.04 249);
  --color-ink:         oklch(96.5% 0.008 90); /* warm cream */
  --color-ink-soft:    oklch(80% 0.02 245);
  /* 67% is the minimum lightness that clears WCAG AA 4.5:1 on all three paper
     surfaces (5.93 on paper, 5.34 on paper-2, 4.57 on paper-3). Was 60%, which
     failed at 4.05 on paper-2 where captions sit inside cards and tiles. */
  --color-ink-faint:   oklch(67% 0.025 245);
  --color-gold:        oklch(74% 0.09 80);    /* aviation wing — Alpine gold */
  --color-gold-deep:   oklch(62% 0.10 75);
  --color-water:       oklch(70% 0.13 230);   /* trades wing — Well Pump blue */
  --color-water-deep:  oklch(58% 0.12 235);
  --color-ice:         oklch(85% 0.045 250);
  --color-line:        oklch(38% 0.03 249 / 0.55);
  --color-focus:       oklch(80% 0.10 80);
  --color-scrim:       oklch(16% 0.025 250 / 0.74);

  /* aliases used by components; sections flip these per wing */
  --color-accent:      var(--color-gold);
  --color-accent-deep: var(--color-gold-deep);

  /* type */
  --font-display: "Bricolage Grotesque", "Arial Black", sans-serif;
  --font-body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --text-display:   clamp(3rem, 8vw, 6.5rem);
  --text-display-s: clamp(2.3rem, 5.5vw, 4.4rem);
  --text-4xl: clamp(2rem, 4vw, 3.2rem);
  --text-2xl: clamp(1.5rem, 2.6vw, 2.1rem);
  --text-xl:  1.375rem;
  --text-lg:  1.125rem;
  --text-md:  1rem;
  --text-sm:  0.875rem;
  --text-xs:  0.78rem;

  /* space — 4pt scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;
  --space-4xl: 10rem;

  /* motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-med:  320ms;
  --dur-slow: 640ms;

  /* misc */
  --rule-hairline: 1px solid var(--color-line);
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-pill: 999px;
}
