/*
 * Story Seed Studios — parent brand (default).
 *
 * Applies the navy/sky/sage/coral/gold editorial palette to :root as the
 * default token set. Sub-brand files (the-dais.css, the-map.css) override
 * these scoped to their own body classes.
 *
 * Contrast (against --off-white #f8f7f4, computed):
 *   --ink       #1a2535  — 14.25:1  AAA
 *   --ink-soft  #4f6275  —  5.82:1  AA normal
 *   --ink-mute  #596878  —  4.79:1  AA normal (barely — do not use below 14px)
 *   --sky       #2563a0  —  6.19:1  AA normal, AAA large
 *   --sage      #2d5c3f  —  7.62:1  AAA normal
 *   --coral     #c04a2e  —  4.98:1  AA normal
 *   --coral-text #9B2E1A —  7.29:1  AAA normal
 *   --gold      #7a5215  —  8.07:1  AAA normal
 *   --amber     #b8780a  —  4.61:1  AA normal (borderline)
 *   --amber-text #7a4e00 —  8.52:1  AAA normal
 */

:root {
  /* Neutrals */
  --sss-white:     #ffffff;
  --sss-off-white: #f8f7f4;
  --sss-surface:   #f0eeea;

  /* Ink scale */
  --sss-ink:       #1a2535;
  --sss-ink-2:     #2c3e55;
  --sss-ink-soft:  #4f6275;
  --sss-ink-mute:  #596878;

  /* Primary — sky blue */
  --sss-sky:       #2563a0;
  --sss-sky-light: #cce0f4;
  --sss-sky-pale:  #edf5fb;

  /* Secondary — sage green */
  --sss-sage:       #2d5c3f;
  --sss-sage-light: #c8e0d0;

  /* Accent — coral (errors, warmth) */
  --sss-coral:       #c04a2e;
  --sss-coral-text:  #9B2E1A; /* use for coral text on light backgrounds, 7.29:1 */
  --sss-coral-light: #f5d8d0;
  --sss-coral-pale:  #fdf5f3;

  /* Accent — gold / amber (highlights, callouts) */
  --sss-gold:       #7a5215;
  --sss-gold-pale:  #f5e8cc;
  --sss-amber:      #b8780a;
  --sss-amber-text: #7a4e00;
  --sss-amber-pale: #fdf3dc;

  /* Borders */
  --sss-border:      rgba(26, 37, 53, 0.10);
  --sss-border-soft: rgba(26, 37, 53, 0.06);

  /* Semantic aliases used by typography / components */
  --sss-bg:           var(--sss-off-white);
  --sss-bg-alt:       var(--sss-white);
  --sss-bg-surface:   var(--sss-surface);
  --sss-text:         var(--sss-ink);
  --sss-text-soft:    var(--sss-ink-soft);
  --sss-text-mute:    var(--sss-ink-mute);
  --sss-link:         var(--sss-sky);
  --sss-link-hover:   var(--sss-ink);
  --sss-accent:       var(--sss-sky);
  --sss-accent-alt:   var(--sss-sage);

  --sss-focus:        var(--sss-sky);

  /* Font preferences for this brand (DM Sans — already the tokens default) */
  --sss-font-body:    var(--sss-font-sans);
}

body {
  background: var(--sss-bg);
  color: var(--sss-text);
}