/*
 * Culture Makers design tokens — the single source of truth.
 *
 * Loaded by BOTH the static landing page (public/index.html, via <link>) and
 * every Astro-rendered page (src/layouts/Base.astro). Tailwind's theme in
 * tailwind.config.mjs maps its colour names onto these variables rather than
 * repeating the hex values, so a colour is defined in exactly one place in the
 * whole repo.
 *
 * Provenance: the "Quiet Splash" landing page, itself derived from the Parent
 * Survey Report design language. Extracted here Aug 2026 during the Astro
 * migration so the landing page and the scheduler cannot drift apart.
 *
 * NOTE: this file lives in public/ and is served verbatim at
 * /assets/cm-tokens.css. It is deliberately NOT bundled — the landing page is
 * plain static HTML with no build step and links it directly.
 */

:root {
  --bg: #0c1a2c;                    /* deep navy canvas            */
  --pill-bg: rgba(20, 40, 64, 0.45); /* elevated navy (pill base)  */
  --ink: #f4ede0;                   /* cream — primary text        */
  --ink-soft: #c8c2b6;              /* soft cream — body text      */
  --ink-mute: #8a8579;              /* muted — captions/eyebrows   */
  --gold: #d4b063;                  /* single gold accent          */
  /*
   * The "can't" answer. Warm and desaturated so it belongs beside the gold
   * rather than shouting over it, and light enough that navy text on top of it
   * clears 4.5:1 — the label inside is 11px, which is where that threshold
   * stops being optional.
   */
  --decline: #d9645c;
  --head: #6fa85f;                  /* HEAD  · Classical     (green)  */
  --heart: #8c6bb1;                 /* HEART · Christian     (purple) */
  --hands: #4a8fcf;                 /* HANDS · Collaborative (blue)   */
  --rule: rgba(244, 237, 224, 0.10);        /* hairline borders    */
  --rule-strong: rgba(244, 237, 224, 0.16);

  --pad-x: 56px;                    /* horizontal gutter (desktop) */

  /* Type. The landing page loads these from Google Fonts; so does the app. */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

@media (max-width: 640px) {
  :root { --pad-x: 24px; }
}