/* =============================================================
   PAUSE — BRAND SPINE TOKENS  (Rev. 2, June 2026)
   Single source of truth for all colour, type, and ground values.
   Import before style.css on every page.
   ============================================================= */

:root {
  /* --- Grounds --- */
  --night-0:    #0C0814;   /* deepest night background */
  --night-1:    #160E22;
  --night-2:    #211634;
  --night-edge: #2A1B45;   /* night glow edge */
  --day-bg:     #8DA295;   /* sage day ground */
  --day-surface:#F3EFE4;   /* cream day surface */
  --day-line:   #D8D2C4;

  /* --- Orb — ONE brand hue, indigo-violet, always public --- */
  --orb-core:       #F3ECFF;  /* luminous centre, always bright */
  --indigo-core:    #CDBAFF;  /* indigo highlight */
  --indigo-mid:     #7A5CC4;  /* the mark */
  --indigo-glow:    #4B3A8F;  /* glow layer */

  /* Particles (on the orb surface) */
  --spark-pink:     #E3A7C9;
  --spark-blue:     #9FB8E8;

  /* In-session drift ONLY — never used in public branding */
  --amber-mid:      #E0945A;  /* grounding: warm lean */
  --amber-glow:     #C76E3F;
  --amber-core:     #F4C893;
  --sage-mid:       #8FB592;  /* savouring: green lean */
  --sage-glow:      #5E8A6B;
  --sage-core:      #D2E6C9;

  /* --- Ink (on night ground) --- */
  --ink-hi:         #F4F1F8;
  --ink-mid:        #B9ABCF;
  --ink-lo:         #9389AD;  /* AA-compliant on gradient night ground (≥4.5:1) */

  /* --- Ink (on day ground) --- */
  --day-ink-hi:     #2C382F;
  --day-ink-mid:    #56655A;

  /* --- Dividers --- */
  --rule:           rgba(185, 171, 207, 0.16);

  /* --- Type --- */
  --font-serif:     "Playfair Display", Georgia, serif;
  --font-sans:      "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-script:    "Kalam", cursive;  /* poem / memory-card accent ONLY */

  /* --- Layout --- */
  --max-w: 1200px;
  --section-padding: 80px;
}

/* =============================================================
   GROUND CONTEXTS
   Add data-ground="night" or data-ground="day" to any section
   element. All tokens below override the defaults for that scope.
   ============================================================= */

[data-ground="night"] {
  --bg:        var(--night-0);
  --surface:   rgba(255,255,255,0.02);
  --ink-1:     var(--ink-hi);
  --ink-2:     var(--ink-mid);
  --ink-3:     var(--ink-lo);
  --divider:   var(--rule);
  background:  radial-gradient(ellipse 1200px 700px at 80% -8%, #1d1230, transparent 55%),
               radial-gradient(ellipse 900px 600px at 6% 10%, #160e22, transparent 60%),
               var(--night-0);
  color:       var(--ink-hi);
}

[data-ground="day"] {
  --bg:        var(--day-surface);
  --surface:   rgba(255,255,255,0.6);
  --ink-1:     var(--day-ink-hi);
  --ink-2:     var(--day-ink-mid);
  --ink-3:     #5C6E65;  /* AA-compliant on day-surface (≥4.5:1) */
  --divider:   var(--day-line);
  background:  var(--day-surface);
  color:       var(--day-ink-hi);
}