/* Brand theme tokens — Northrest (cooling cloud pillow).
   Set from products/cloud-pillow/strategy.json design_direction.
   Palette: deep midnight-navy anchor + icy aqua "cooling" accent. base.css
   consumes these. Calm, premium, cool-to-the-eye, proof-first. */
:root {
  /* Brand palette */
  --accent:        #0e9cb0;  /* deep cooling teal — CTAs (white text passes AA) */
  --accent-2:      #5fc9d6;  /* icy aqua — gradients / lighter accents */
  --accent-ink:    #0a6f7e;  /* accent text on light */
  --accent-tint:   #e3f6f9;  /* soft icy fill */
  --save:          #e8607a;  /* savings / urgency (warm pop against the cool palette) */

  /* Neutrals — slightly cool-toned to reinforce the cooling story */
  --bg:            #f6f9fb;
  --surface:       #ffffff;
  --surface-2:     #ffffff;
  --surface-soft:  #eaf1f5;
  --ink-strong:    #14223d;  /* near the brand navy */
  --ink:           #1b2a4a;  /* brand midnight navy */
  --ink-soft:      #45546e;
  --ink-faint:     #8d99ad;
  --line:          #e2e9f0;
  --line-strong:   #ccd6e1;
  --star:          #f6b73c;
  --star-empty:    #dde6ee;

  /* Shape */
  --radius:        20px;
  --radius-lg:     28px;
  --radius-pill:   999px;

  /* Type — clean, modern, no-hype sans (proof-first voice). System stack for
     reliable rendering and a tight CSP (font-src 'self'). */
  --font-body:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}