/* ==========================================================================
   CHOH LUX DIGITAL — DESIGN TOKENS  (PROVISIONAL)
   --------------------------------------------------------------------------
   The reference files (CHOHLUX_Service_Plans.html, chohlux.com) were not
   reachable when this deck was built. Values below are an informed,
   minimal approximation: charcoal + ambient navy, ivory text, restrained
   champagne gold. Replace ONLY the values in this file to re-theme —
   no component CSS hard-codes a colour, font or radius.
   ========================================================================== */
:root {
  /* Raw palette ----------------------------------------------------------- */
  --c-ink:        #0A0A0B;   /* deepest background            */
  --c-ink-2:      #111214;   /* surface                       */
  --c-ink-3:      #17191C;   /* raised surface                */
  --c-ink-4:      #202328;   /* hover / high surface          */
  --c-gold:       #C9A45C;   /* brand accent — use sparingly  */
  --c-gold-hi:    #E3CB94;
  --c-gold-lo:    #8E7338;
  --c-gold-ink:   #7A5E22;   /* accent usable on light paper  */
  --c-ivory:      #F3F1EC;   /* primary text on dark          */
  --c-paper:      #F1EEE8;   /* light slide background        */
  --c-paper-2:    #E8E4DB;
  --c-paper-3:    #DCD7CB;
  --c-sage:       #8FAE96;   /* "included" / positive         */
  --c-sage-ink:   #3F6A4D;
  --c-ember:      #D08760;   /* "quoted separately" marker    */
  --c-ember-ink:  #9A4F2B;

  /* Ambient blue (atmosphere only — never fills, borders or text) --------- */
  --c-navy:       #0B1830;   /* deep navy        */
  --c-blue-mute:  #17345A;   /* muted blue       */
  --c-blue-glow:  #28558A;   /* soft blue glow   */

  /* Typography: one clean, slightly rounded sans ------------------------- */
  --f-display: "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body:    "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Shape ----------------------------------------------------------------- */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Motion ---------------------------------------------------------------- */
  --ease: cubic-bezier(.22,.8,.24,1);
  --t-slide: .7s;
}

/* Semantic theme: dark (default) ------------------------------------------ */
:root, [data-theme="dark"] {
  --bg:        var(--c-ink);
  --surface:   var(--c-ink-2);
  --surface-2: var(--c-ink-3);
  --surface-3: var(--c-ink-4);
  --card:      rgba(255,255,255,.035);   /* translucent card, lets atmosphere through */
  --card-hi:   rgba(255,255,255,.065);
  --fg:        var(--c-ivory);
  --muted:     #A6AAB3;
  --accent:    var(--c-gold);
  --accent-hi: var(--c-gold-hi);
  --accent-fg: #17120A;
  --line:      rgba(255,255,255,.14);
  --line-soft: rgba(255,255,255,.08);
  --ok:        var(--c-sage);
  --flag:      var(--c-ember);
  /* ambient lighting layers: colour + strength */
  --amb-1:     var(--c-blue-mute);   --amb-1-a: 46%;   /* large key light */
  --amb-2:     var(--c-navy);        --amb-2-a: 100%;  /* deep fill       */
  --amb-3:     var(--c-blue-glow);   --amb-3-a: 13%;   /* soft depth glow */
}

/* Semantic theme: light "paper" ------------------------------------------- */
[data-theme="light"] {
  --bg:        var(--c-paper);
  --surface:   #FAF8F4;
  --surface-2: var(--c-paper-2);
  --surface-3: var(--c-paper-3);
  --card:      rgba(255,255,255,.55);
  --card-hi:   #FFFFFF;
  --fg:        #17181B;
  --muted:     #5B5D63;
  --accent:    var(--c-gold-ink);
  --accent-hi: #5E4614;
  --accent-fg: #FBF6EA;
  --line:      rgba(20,22,26,.18);
  --line-soft: rgba(20,22,26,.10);
  --ok:        var(--c-sage-ink);
  --flag:      var(--c-ember-ink);
  --amb-1:     var(--c-blue-glow);   --amb-1-a: 7%;
  --amb-2:     var(--c-blue-mute);   --amb-2-a: 5%;
  --amb-3:     var(--c-blue-glow);   --amb-3-a: 0%;
}