/* Dark-theme token overrides (embed feature, F-022). Loaded only by the embed layout for now —
   full-site dark mode stays deferred per DESIGN_SPEC. Pure token swap: components never hardcode
   colors, so overriding :root custom properties re-skins everything. The lime accent and
   --on-accent stay untouched (lime reads on both papers; its text is always near-black).
   The [data-theme="auto"] block must mirror [data-theme="dark"] exactly — CSS has no way to
   alias a selector into a media query, hence the duplication. */

[data-theme="dark"] {
  --ink:      #E9EDEA;  /* text, borders — cool light on dark paper, matching the light neutrals */
  --paper:    #131513;
  --accent-2: #7FDCC9;  /* teal lightened for AA link contrast on dark paper */
  --gray-100: #212622;  /* panel fills */
  --gray-300: #394038;  /* hairline dividers */
  --gray-600: #9FA8A2;  /* secondary text (AA on --paper) */
  --error:    #F08575;  /* lightened for AA on dark */
  --ok:       #58C389;
  --warn-bg:  #4A3F10;  /* dim amber; --ink text stays AA on it */
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --ink:      #E9EDEA;
    --paper:    #131513;
    --accent-2: #7FDCC9;
    --gray-100: #212622;
    --gray-300: #394038;
    --gray-600: #9FA8A2;
    --error:    #F08575;
    --ok:       #58C389;
    --warn-bg:  #4A3F10;
  }
}