/* MAS dark view — prototype extension, NOT part of the ratified ui-2026 system (light only).
   Every value derives from the brandbook hexes with color-mix, so check_tokens.py can measure it.
   The rail stays Daintree and is the darkest plane; content is Daintree lifted toward Kashmir. */

:root[data-theme=dark]{
  color-scheme:dark;
  --mas-ink:color-mix(in oklab,#DDE2E6 55%,#FBFCFD);
  --mas-ink-2:color-mix(in oklab,#DDE2E6 74%,#516F8D);
  --mas-surface:color-mix(in oklab,#0F2533 88%,#516F8D);
  --mas-canvas:color-mix(in oklab,#0F2533 93%,#516F8D);
  --mas-fill:color-mix(in oklab,#0F2533 80%,#516F8D);
  --mas-fill-strong:color-mix(in oklab,#0F2533 68%,#516F8D);
  --mas-selection:color-mix(in oklab,#0F2533 74%,#B6E3E8);
  --mas-ask:color-mix(in oklab,#0F2533 78%,#B6E3E8);
  --mas-line:color-mix(in oklab,#0F2533 60%,#516F8D);
  --mas-line-soft:rgba(182,227,232,.10);
  --mas-control-border:color-mix(in oklab,#516F8D 55%,#B6E3E8);
  --mas-action-label:#FBFCFD;
  --mas-critical-text:color-mix(in oklab,#DF1833 50%,#FBFCFD);
  --mas-focus:var(--mas-brand-bay);
  --mas-rail:#0F2533;
  --mas-edge-light:inset 0 1px 0 rgba(255,255,255,.06);
  --mas-shadow-soft:0 1px 2px rgba(15,37,51,.6),0 18px 40px -16px rgba(15,37,51,.95);
  --mas-material:color-mix(in oklab,#0F2533 78%,transparent);
}

/* Components whose light recipe mixes with --mas-ink or paints dark text on Bay */
[data-theme=dark] .mas-ui ::selection,[data-theme=dark] ::selection{background:var(--mas-brand-bay);color:#0F2533}
[data-theme=dark] .mas-btn-primary,
[data-theme=dark] .mas-btn-primary:hover{background:linear-gradient(180deg,color-mix(in oklab,#DF1833 90%,white) 0,#DF1833 30%,#DF1833 68%,color-mix(in oklab,#DF1833 90%,#0F2533));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(15,37,51,.4),0 1px 2px rgba(15,37,51,.6)}
[data-theme=dark] .mas-list tr[aria-selected=true] .mas-av,
[data-theme=dark] .mas-head .mas-av,
[data-theme=dark] .rail-user .mas-av{color:#0F2533}
[data-theme=dark] .mas-pill-wait::before{background:var(--mas-brand-bay)}
[data-theme=dark] .player,[data-theme=dark] .player video{background:#0F2533}
[data-theme=dark] .mic-fab{background:var(--mas-brand-bay);color:#0F2533}
[data-theme=dark] .chips .mas-btn:hover{background:var(--mas-selection)}
[data-theme=dark] .toggle:not([aria-pressed=true]) i::after{background:var(--mas-ink-2)}
[data-theme=dark] .mas-ui :focus-visible{outline-color:var(--mas-brand-bay)}
/* The rail is Daintree in both views: its light text must not follow the (now dark) surface token */
[data-theme=dark] .mas-nav a:hover,[data-theme=dark] .mas-nav a[aria-current=page],
[data-theme=dark] .mas-search:hover,[data-theme=dark] .rail-user b{color:#FBFCFD}