/* ============================================================
   COLORS — Michael Style
   A mono foundation (black & white). The accent is the ONLY color
   in the system — one accent does all the talking.
   ============================================================ */
:root {
  /* —— Base: ink (dark surfaces) —— */
  --ink:        #0A0A0B;   /* deepest background — the studio */
  --ink-2:      #121214;   /* raised dark surface */
  --card:       #19191C;   /* dark card fill */

  /* —— Base: paper (light surfaces) —— */
  --paper:      #FFFFFF;   /* pure white — inverted sections */
  --paper-2:    #F1F0ED;   /* warm off-white */
  --bone:       #F6F5F2;   /* primary text on dark — soft white */

  /* —— Neutrals / muted text —— */
  --muted:      #9A9A96;   /* secondary text on dark */
  --muted-2:    #6B6B67;   /* tertiary / captions on dark */
  --muted-l:    #5A5A56;   /* muted text on light surfaces */

  /* —— Borders / hairlines —— */
  --bd-d:       rgba(255,255,255,.11);  /* hairline on dark */
  --bd-d2:      rgba(255,255,255,.20);  /* stronger hairline on dark */
  --bd-l:       rgba(0,0,0,.12);        /* hairline on light */

  /* —— Accent (default: Electric Cobalt — Michael's pick) —— */
  --accent:     #3D69FF;
  --on-accent:  #FFFFFF;

  /* —— Accent palette (swap --accent / --on-accent to retheme) —— */
  --accent-dominican-red: #E5121F;  --on-dominican-red: #FFFFFF;
  --accent-electric-cobalt:#3D69FF;  --on-electric-cobalt:#FFFFFF;
  --accent-volt:          #C7F032;  --on-volt:          #0A0A0B;
  --accent-pure-mono:     #FFFFFF;  --on-pure-mono:     #0A0A0B;

  /* —— Semantic aliases —— */
  --bg-page:        var(--ink);
  --bg-raised:      var(--ink-2);
  --surface-card:   var(--card);
  --surface-invert: var(--paper);

  --text-strong:    var(--bone);
  --text-body:      var(--muted);
  --text-caption:   var(--muted-2);
  --text-on-light:  var(--ink);
  --text-on-accent: var(--on-accent);

  --border-hairline:    var(--bd-d);
  --border-hairline-2:  var(--bd-d2);
  --border-on-light:    var(--bd-l);

  --focus-ring: var(--bone);
}

/* —— Accent theme scopes — apply to any subtree to retheme —— */
[data-accent="dominican-red"]  { --accent: var(--accent-dominican-red);   --on-accent: var(--on-dominican-red); }
[data-accent="electric-cobalt"]{ --accent: var(--accent-electric-cobalt); --on-accent: var(--on-electric-cobalt); }
[data-accent="volt"]           { --accent: var(--accent-volt);            --on-accent: var(--on-volt); }
[data-accent="pure-mono"]      { --accent: var(--accent-pure-mono);       --on-accent: var(--on-pure-mono); }