/* ============================================================
   Sona — Color tokens
   Source of truth: SONA.pptx pitch deck (June 2026).
   Light mode = warm paper world (cream / ink / ochre).
   Dark mode  = the deck's dark slides (ink bg, cream text,
   brighter ochre). Toggle with [data-theme="dark"] on any scope.
   ============================================================ */

:root {
  /* ---- Base palette (from deck) ---- */
  --sona-paper:        #E9E7E2; /* page cream */
  --sona-paper-2:      #DDD9D0; /* panel / inset cream */
  --sona-paper-3:      #F2F0EB; /* raised cream (cards on paper) */
  --sona-ink:          #1B1A17; /* near-black warm ink */
  --sona-ink-2:        #5E5A50; /* muted warm gray */
  --sona-stone:        #9A9488; /* tertiary text on light */
  --sona-line:         #CCC9C1; /* hairline on light */
  --sona-line-strong:  #B8B2A5; /* emphasized rule */
  --sona-ochre:        #C4791F; /* primary accent */
  --sona-ochre-bright: #E09B46; /* highlight / dark-mode accent */
  --sona-ochre-vivid:  #E48C27; /* large display accents */
  --sona-ochre-deep:   #5A3608; /* accent text on ochre tints */
  --sona-white:        #FFFFFF;

  /* ---- Product-app neutrals (from product UI mocks) ---- */
  --app-bg:    #F5F7FA;
  --app-card:  #FFFFFF;
  --app-ink:   #1E293B;
  --app-muted: #64748B;
  --app-faint: #94A3B8;
  --app-line:  #E2E8F0;

  /* ---- Status (product UI) ---- */
  --ok:          #16A34A;
  --ok-strong:   #15803D;
  --ok-soft:     #DCFCE7;
  --ok-tint:     #EFFAF3;
  --warn:        #B45309;
  --warn-soft:   #FBEFCF;
  --warn-tint:   #FDF7E7;
  --danger:      #DC2626;
  --danger-soft: #FEE2E2;
  --danger-tint: #FDF0F0;

  /* ---- Semantic aliases (brand surfaces) ---- */
  --surface-page:   var(--sona-paper);
  --surface-panel:  var(--sona-paper-2);
  --surface-card:   var(--sona-paper-3);
  --surface-invert: var(--sona-ink);
  --text-heading:   var(--sona-ink);
  --text-body:      var(--sona-ink);
  --text-muted:     var(--sona-ink-2);
  --text-faint:     var(--sona-stone);
  --text-accent:    var(--sona-ochre);
  --text-on-accent: var(--sona-white);
  --accent:         var(--sona-ochre);
  --accent-hover:   #AD6A1B;
  --accent-soft:    rgba(196, 121, 31, 0.12);
  --border-hairline: var(--sona-line);
  --border-strong:  var(--sona-line-strong);
  --focus-ring:     rgba(196, 121, 31, 0.45);
}

/* ---- Dark mode (deck dark slides) ---- */
[data-theme="dark"] {
  --surface-page:   #1B1A17;
  --surface-panel:  #26241F;
  --surface-card:   #2E2B25;
  --surface-invert: var(--sona-paper);
  --text-heading:   var(--sona-paper);
  --text-body:      var(--sona-paper);
  --text-muted:     var(--sona-line-strong);
  --text-faint:     #8C8679;
  --text-accent:    var(--sona-ochre-bright);
  --text-on-accent: #1B1A17;
  --accent:         var(--sona-ochre-bright);
  --accent-hover:   #E8AC63;
  --accent-soft:    rgba(224, 155, 70, 0.16);
  --border-hairline: #3A372F;
  --border-strong:  #55503F;
  --focus-ring:     rgba(224, 155, 70, 0.5);
}