/* ============================================================
   César Correa — Color System
   SINGLE canonical palette: "Royal Obsidian".
   Obsidian purple-black ground · violet text · royal-purple
   identity · orange action highlight. There is no light system;
   every legacy token name below resolves to a Royal Obsidian
   value, so all components/artifacts render on-brand by default.
   `[data-theme="dark"]` is kept as an alias for back-compat.
   ============================================================ */

:root,
[data-theme="dark"] {
  /* ---- Base neutrals (obsidian ground → violet-white) ---- */
  --paper:        #120E1A;  /* primary background — obsidian */
  --paper-raised: #1A1326;  /* raised surfaces / cards */
  --paper-sunken: #0C0910;  /* sunken wells, deepest ground */
  --ink:          #F2EEF8;  /* primary text — violet white */
  --ink-2:        #B6ABC9;  /* secondary text / strong UI */
  --ink-3:        #8A7EA2;  /* muted text, metadata */
  --ink-4:        #7A6E90;  /* disabled, faint captions */
  --line:         #2A2240;  /* hairline borders */
  --line-strong:  #3A3055;  /* stronger dividers */
  --rule:         #F2EEF8;  /* editorial rule */

  /* ---- Primary: Royal Purple (identity + primary action) ---- */
  --primary:        #7B3FE4;
  --primary-hover:  #8B52F0;
  --primary-active: #4C1D95;
  --on-primary:     #FFFFFF;

  /* ---- Royal purple identity ramp ---- */
  --royal:        #7B3FE4;
  --royal-bright: #A06BFF;
  --royal-deep:   #4C1D95;
  --royal-soft:   rgba(123,63,228,0.16);

  /* ---- Signature highlight: Orange (action / illumination).
          Legacy --amber* names map here so old artifacts stay
          on-brand. ---- */
  --amber:        #E68E0A;
  --amber-strong: #F7A832;
  --amber-bright: #F7A832;
  --amber-tint:   rgba(230,142,10,0.16);
  --on-amber:     #160F06;
  --orange:       #E68E0A;
  --orange-bright:#F7A832;
  --orange-tint:  rgba(230,142,10,0.16);

  /* ---- Secondary: Violet (links / data / counterweight).
          Legacy --petrol* names map here. ---- */
  --petrol:        #A06BFF;
  --petrol-hover:  #B98DFF;
  --petrol-bright: #B98DFF;
  --petrol-tint:   rgba(123,63,228,0.16);
  --on-petrol:     #FFFFFF;

  /* ---- Semantic surfaces ---- */
  --bg:            var(--paper);
  --bg-2:          #1A1326;
  --bg-3:          #241A33;
  --bg-card:       #181020;
  --surface:       var(--paper-raised);
  --surface-sunken:var(--paper-sunken);
  --surface-ink:   #0C0910;   /* deepest inverted sections */
  --on-surface-ink:#F2EEF8;

  --accent:        #7B3FE4;
  --accent-2:      #A06BFF;
  --accent-soft:   rgba(123,63,228,0.16);
  --on-accent:     #FFFFFF;
  --glow:          rgba(123,63,228,0.32);

  --text:          var(--ink);
  --text-muted:    var(--ink-3);
  --text-faint:    var(--ink-4);
  --text-on-ink:   #F2EEF8;
  --text-on-ink-muted:#8A7EA2;

  --border:        var(--line);
  --border-strong: var(--line-strong);
  --link:          #A06BFF;
  --link-hover:    #B98DFF;
  --focus-ring:    #A06BFF;

  /* ---- Signal colors (paired with label/glyph, never color alone) ---- */
  --signal-opportunity: #5BBF8A;  /* mint — value, growth */
  --signal-opportunity-tint:rgba(91,191,138,0.15);
  --signal-risk:        #E0606A;  /* coral — risk, blocker */
  --signal-risk-tint:   rgba(224,96,106,0.15);
  --signal-governance:  #6FA8FF;  /* azure — governance, control */
  --signal-governance-tint:rgba(111,168,255,0.15);
  --signal-caution:     #E68E0A;  /* orange — watch, in-progress */
  --signal-caution-tint:var(--orange-tint);

  /* ---- Market accents (one brand, three lanes) ---- */
  --market-global: #A06BFF;  /* royal violet — global backbone */
  --market-quebec: #7B6BEF;  /* indigo violet — Quebec/FR */
  --market-latam:  #E68E0A;  /* orange — Peru/LatAm/ES */

  /* ---- Data visualization series (on obsidian) ---- */
  --data-1: #A06BFF;  /* violet */
  --data-2: #E68E0A;  /* orange */
  --data-3: #6FA8FF;  /* azure */
  --data-4: #5BBF8A;  /* mint */
  --data-5: #F7A832;  /* bright orange */
  --data-6: #8A7EA2;  /* muted violet-grey */
  --data-grid:  #2A2240;
  --data-axis:  #7A6E90;

  /* ---- Maturity ladder (5 steps, nascent → leading) ---- */
  --maturity-1: #322953;
  --maturity-2: #4C1D95;
  --maturity-3: #7B3FE4;
  --maturity-4: #A06BFF;
  --maturity-5: #F7A832;
}
