/* The app's modern look (11-07): its colors as tokens, light and dark, for the pages that use it (body.ac-modern):
   Season 0 (season/season.css) and the mock interviews (interview/modern.css). The app's dark theme
   (lib/dark-theme.php) makes dark rules only for the sheets it lists, so the dark set is here. */
body.ac-modern {
  --m-bg: #f3f4f8; --m-surface: #fff; --m-sunken: #f6f7fa; --m-border: #e3e6ed; --m-border-strong: #d2d7e1;
  --m-ink: #161a24; --m-text: #353b49; --m-muted: #6b7385;
  --m-accent: #5847d8; --m-accent-hover: #4a39c6; --m-accent-soft: #efedfd; --m-accent-ink: #4434b6;
  --m-good: #13845a; --m-good-soft: #e2f5ec; --m-bad: #c93a3a; --m-bad-soft: #fdeaea; --m-warn: #a35c00; --m-warn-soft: #fff3df;
  --m-code-bg: #0f1320; --m-code-panel: #141a2a; --m-code-raised: #1b2236; --m-code-line: #242c42; --m-code-text: #d6dcea; --m-code-muted: #8892aa;
  --m-shadow-sm: 0 1px 2px rgba(17, 24, 39, .05);
  --m-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 24px -10px rgba(17, 24, 39, .14);
  --m-shadow-lg: 0 24px 60px -12px rgba(17, 24, 39, .32);
  --m-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: var(--m-bg);
}
html[data-theme="dark"] body.ac-modern {
  --m-bg: #0d1015; --m-surface: #151920; --m-sunken: #1a1f28; --m-border: #262c37; --m-border-strong: #333a47;
  --m-ink: #eef1f6; --m-text: #cdd3de; --m-muted: #939bad;
  --m-accent: #7d6ef3; --m-accent-hover: #9284f7; --m-accent-soft: #24203f; --m-accent-ink: #bcb3ff;
  --m-good: #3fc28a; --m-good-soft: #143426; --m-bad: #f07272; --m-bad-soft: #3a1c1f; --m-warn: #f0b04c; --m-warn-soft: #382913;
  --m-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3); --m-shadow: 0 8px 24px -10px rgba(0, 0, 0, .6); --m-shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .7);
}