@charset "UTF-8";

:root {
  /* Palette — from spec §6 */
  --pohaku-black: #0E0E0E;
  --ocean-deep:   #0A2E4A;
  --reef-teal:    #14747C;
  --sun-gold:     #E8A93C;
  --hibiscus-red: #C13E3E;
  --sand:         #F1E8D9;
  --pulu-white:   #FAFAF7;

  /* Semantic tokens */
  --bg-page:        var(--pulu-white);
  --bg-mauka:       var(--sand);
  --bg-mid:         var(--sand);
  --bg-coast:       #E4D9C2;          /* sand → teal gradient stop */
  --bg-reef:        var(--reef-teal);
  --bg-ocean:       var(--ocean-deep);
  --bg-badge:       var(--hibiscus-red);
  --fg-default:     var(--pohaku-black);
  --fg-inverse:     var(--pulu-white);
  --fg-accent:      var(--sun-gold);
  --fg-rare-accent: var(--hibiscus-red);

  /* Type stack — Cardo replaces DM Serif Display (Day-1 check: DM Serif lacks ʻokina) */
  --font-display: 'Cardo', Georgia, 'Times New Roman', serif;
  --font-body:    'Public Sans', system-ui, -apple-system, sans-serif;

  --fs-xs:   0.875rem;
  --fs-sm:   1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   2.25rem;
  --fs-2xl:  3.5rem;
  --fs-3xl:  5rem;          /* hero */

  --lh-tight: 1.1;
  --lh-base:  1.55;

  /* Spacing */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;

  /* Layout */
  --maxw-prose: 65ch;
  --maxw-page:  72rem;
  --radius-sm:  4px;
  --radius-md:  8px;

  /* Phase 4 landing additions */
  --hero-vh:        min(80vh, 720px);
  --hero-overlay:   linear-gradient(180deg, rgba(14,14,14,0) 0%, rgba(14,14,14,0.55) 100%);
  --wedge-band-h:   12vh;
  --wedge-anim-dur: 600ms;
}