/* Editorial — semantic slots.
 *
 * One scheme by design: Editorial is paper and ink. There is no dark
 * Editorial; the dark design of the site is the separate Tech system
 * (../tech/). `data-theme="light"` is accepted so hosts that always set a
 * theme attribute still resolve here. Components read only these slots.
 */

:root,
[data-theme="light"] {
  color-scheme: light;

  /* grounds */
  --bg: var(--ed-paper);
  --bg-raised: var(--ed-paper-2);
  --bg-sunken: var(--ed-paper-3);
  --bg-sheet: var(--ed-letter);
  --bg-inverse: var(--ed-ink);

  /* text */
  --text-primary: var(--ed-ink);
  --text-secondary: var(--ed-ink-2);
  --text-tertiary: var(--ed-ink-3);
  --text-faint: var(--ed-ink-4);
  --text-inverse: var(--ed-paper);

  /* lines */
  --rule: var(--ed-ink);
  --line: var(--ed-hair);
  --line-soft: var(--ed-hair-soft);
  --line-firm: var(--ed-hair-firm);
  --wash: var(--ed-wash);
  --watermark: var(--ed-numeral);

  /* accent and states */
  --accent: var(--ed-orange);
  --accent-hover: var(--ed-orange-hover);
  --on-accent: var(--ed-orange-ink);
  --danger: var(--ed-error);
  --focus: var(--ed-ink);

  /* roles: type */
  --font-display: var(--ed-font-display);
  --font-text: var(--ed-font-text);
  --font-mono: var(--ed-font-mono);

  /* roles: motion */
  --ease: var(--ed-ease);
  --ease-settle: var(--ed-ease-settle);
  --ease-draw: var(--ed-ease-draw);

  /* component alias tier (names used by the live site's markup) */
  --button-primary-bg: var(--accent);
  --button-primary-bg-hover: var(--accent-hover);
  --button-primary-text: var(--on-accent);
  --masthead-rule: var(--rule);
  --marquee-bg: var(--bg-inverse);
  --marquee-text: var(--text-inverse);
  --quote-mark: var(--accent);
  --rule-lead: var(--accent);
  --cover-bg: var(--bg-raised);
  --cover-endpaper: var(--bg-inverse);
  --sidebar-bg: var(--bg-raised);
  --date-block-bg: var(--bg-inverse);
  --date-block-text: var(--text-inverse);
  --letter-bg: var(--bg-sheet);
  --letter-line: var(--line);
  --pick-box: var(--rule);
  --input-underline: var(--rule);
  --input-underline-focus: var(--accent);
  --status-error: var(--danger);

  /* live-site alias tier: the names nickgu.me's own stylesheets use */
  --fg: var(--text-primary);
  --fg-muted: var(--text-secondary);
  --fg-subtle: var(--text-tertiary);
  --fg-faint: var(--text-faint);
  --accent-ink: var(--on-accent);
  --font-sans: var(--font-text);
  --radius: var(--ed-radius);
  --paper: var(--bg);
  --paper-2: var(--bg-raised);
  --ink: var(--text-primary);
  --ink-2: var(--text-secondary);
  --ink-3: var(--text-faint);
  --hair: var(--line);
  --orange: var(--accent);
  --serif: var(--font-display);
  --sans: var(--font-text);
}