/* Laitent — Color tokens
   Values transcribed verbatim from the Laitent Brand figma (Primitives +
   Ungrouped variable collections and the Primary/Secondary palette frames).
   Do not round these hexes — off-whites and cool greys are intentional. */

:root {
  /* ---- Foundation / neutrals ------------------------------------ */
  --white:          #FFFFFF;
  --cloud:          #F1F3F6;  /* app surface / page bg / light backdrops */
  --light-ash:      #D6D6E1;  /* hairlines, muted text on dark */
  --graphite:       #475059;  /* secondary text */
  --charcoal:       #252729;  /* near-black text */
  --obsidian:       #0D0F12;  /* darkest surface / text */

  /* ---- Primary accent — cool blues ------------------------------ */
  --glacier:        #5D90AF;  /* primary brand accent (buttons, links) */
  --glacier-deep:   #467589;  /* glacier pressed */
  --ice:            #97DDFF;  /* light blue — hairlines, glow, accents */
  --ice-soft:       #A0E9FF;

  /* ---- Brand purple (legacy Xeal mark colorway) ----------------- */
  --purple:         #605DFF;
  --purple-bright:  #615DFF;  /* Xeal Purple */
  --purple-light:   #9BABFF;

  /* ---- Secondary palette (charts, diagrams, gradients) ---------- */
  --orange:         #E28A24;
  --orange-light:   #F2D191;
  --blue:           #046792;
  --blue-light:     #97DDFF;

  /* ---- Semantic aliases ----------------------------------------- */
  --bg-page:        var(--cloud);
  --bg-surface:     var(--white);
  --bg-inverse:     var(--obsidian);
  --bg-muted:       var(--cloud);

  --text-primary:   var(--charcoal);
  --text-heading:   var(--obsidian);
  --text-secondary: var(--graphite);
  --text-muted:     var(--light-ash);
  --text-on-dark:   var(--cloud);
  --text-accent:    var(--glacier);

  --accent:         var(--glacier);
  --accent-hover:   var(--glacier-deep);
  --accent-soft:    var(--ice);

  --border-hairline: var(--light-ash);
  --border-accent:   var(--ice);
  --focus-ring:      var(--glacier);

  /* ---- Signature gradients -------------------------------------- */
  /* Cloud→Ice: light idle state. Obsidian→Glacier: dark active state. */
  --grad-cloud-ice:      linear-gradient(180deg, var(--white) 0%, var(--ice) 100%);
  --grad-obsidian-glacier: linear-gradient(160deg, var(--obsidian) 0%, var(--glacier) 100%);
  --grad-charcoal-obsidian: linear-gradient(160deg, var(--charcoal) 0%, var(--obsidian) 100%);
  --grad-glacier-white:  linear-gradient(90deg, #75A2BD 0%, var(--white) 100%);
}