/* dark.css — Inverted neutrals, same brand colors. */

.theme-dark {
  /*
   * Tells the UA to render native form controls, scrollbars, and the
   * <select> dropdown dark. Without it those stay light, and the theme
   * only looks dark until you focus an input.
   */
  color-scheme: dark;

  /*
   * The lightness window for a tone used as TEXT, inverted. On a light
   * surface such a tone is clamped DARK; here it has to be clamped light,
   * and nothing in CSS can work that out — see tokens.css and tones.css.
   * Any theme that sets `color-scheme: dark` needs this pair too.
   */
  --tone-l-min: 0.74;
  --tone-l-max: 1;

  --surface:        #1a1a1a;
  --surface-raised: #252525;
  --surface-sunken: #0f0f0f;
  --ink:            #f5f5f5;
  --ink-soft:       #c5c5c5;
  /*
   * Two shades up from #8a8a8a, which was 4.44:1 against --surface-raised
   * — under AA on the one dark surface light enough to matter. It cleared
   * on --surface and --surface-sunken, so the failure only showed on
   * raised cards and .surface-raised regions.
   */
  --ink-mute:       #8c8c8c;
  --rule:           #2d2d2d;
  --rule-strong:    #404040;

  /*
   * The default shadows are near-black at 4–10% alpha, which is invisible
   * against a #1a1a1a surface. Dark UIs need markedly more opacity to
   * read as elevation at all.
   */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 1px 3px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4);
}