/* ==========================================================================
   TheUX shared look: one file for every TheUX page.
   Same values as the Drive Foundation landing page (setup.theux.ai) and the
   Readiness Check (ready.theux.ai): warm paper + blueprint cobalt, a night
   blueprint ground, Fraunces for headlines, Instrument Sans for text.
   Change a colour here and every page that loads this file follows.
   (setup.theux.ai and ready.theux.ai still carry their own copies of these
   values; switching them to this file is a later, separate change.)
   ========================================================================== */

:root {
  --sc-canvas:     #F3F1EC;   /* warm paper */
  --sc-surface:    #FBFAF7;   /* cards, labels */
  --sc-ink:        #1B232C;
  --sc-ink-soft:   #535D67;
  --sc-accent:     #2A45B5;   /* blueprint cobalt */
  --sc-accent-ink: #F7F6F2;   /* text on cobalt */
  --sc-font-display: "Fraunces", Georgia, serif;
  --sc-font-text:    "Instrument Sans", system-ui, sans-serif;
  --sc-shadow-color: 215 30% 18%;

  --paper-deep: #E8E4DB;
  --night:      #122030;
  --cobalt:     #2A45B5;
}

/* Each section owns its ground. Restating `color` next to the tokens is what
   actually re-inks the text (inherited colour is computed on body). */
.ground--paper { --ground: var(--sc-canvas); background: var(--ground); color: var(--sc-ink); }
.ground--deep  { --ground: var(--paper-deep); --sc-ink-soft: #4E5760; background: var(--ground); color: var(--sc-ink); }
.ground--night {
  --ground: var(--night);
  --sc-ink: #EEF1F4; --sc-ink-soft: #A9B7C6;
  --sc-accent: #9DB1FF; --sc-accent-ink: #122030;
  --sc-surface: #182A3D;
  --sc-shadow-color: 215 60% 4%;
  background: var(--ground); color: var(--sc-ink);
}
.ground--cobalt {
  --ground: var(--cobalt);
  --sc-ink: #F7F6F2; --sc-ink-soft: #D6DDF6;
  --sc-accent: #F7F6F2; --sc-accent-ink: #1D2F80;
  --sc-shadow-color: 228 70% 12%;
  background: var(--ground); color: var(--sc-ink);
}