/* Blue Ocean Social — design tokens, drawn from the canvas (which has no
   variables: every value here is read out of the drawings, not invented).
   Sources and etags in LEDGER.md. Gold is the only accent, ever (DESIGN.md). */

:root {
  /* the one accent */
  --gold: #a87f42;           /* gold on light backgrounds */
  --gold-dark-bg: #f2d9a8;   /* gold on dark backgrounds */
  --gold-mid: #d4aa6f;       /* CTA arrows, selection, sparks */
  --gold-soft: #eec684;      /* glows and halos (rgba stops in the drawings) */

  /* inks and papers */
  --ink: #112328;            /* the site's ink and darkest water */
  --paper: #fcfbf8;          /* the footer's warm paper */
  --cream: #f4f1ea;          /* light text on ink pills */
  --foam: #eef6fa;           /* light text on deep water */

  /* the waters (shared stops that recur across pages) */
  --navy-1: #16323c;         /* mega menu gradient top */
  --navy-2: #0e2732;         /* deep water */
  --navy-3: #0a1e28;         /* deeper */
  --abyss: #051826;          /* overlay gradient floor, scrim base */

  /* Home's daylight sky (per-page palettes stay in each page; these are Home's
     because Home is the template page) */
  --sky-1: #e9f4fa;
  --sky-2: #d9ecf5;
  --sky-3: #a7cfe0;
  --sky-4: #2c5a72;
  --page-bg: #eef4f6;

  /* type */
  --font-body: 'Poppins', 'Poppins-fallback', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Cormorant Garamond', 'Cormorant-fallback', Georgia, 'Times New Roman', serif;

  /* chrome geometry (from SiteHeaderB/SiteFooterB) */
  --header-pad: 18px 40px;
  --radius-pill: 999px;
}

::selection {
  background: var(--gold-mid);
  color: var(--ink);
}