/*
 * Skin: Dark (REQ 117, besluit D-048).
 * Eerste skin bovenop de root (tokens.css): bevestigt expliciet dezelfde basiswaarden, zodat
 * de skin een compleet, op zichzelf staand contract is in plaats van "de afwezigheid van een
 * skin". Een skin herdefinieert UITSLUITEND de tokens hieronder, nooit selectors of structuur.
 * Toegestane tokens: zie docs/REQ-117-skin-tokens.md.
 */
html[data-skin="dark"] {
  color-scheme: dark;

  --color-bg-base: #0c0a08;
  --color-bg-surface: #15100b;
  --color-bg-elevated: #1d1710;
  --color-border: #332619;

  --color-text-primary: #f4efe8;
  --color-text-secondary: #e6dbca;
  --color-text-muted: #b3a596;

  --color-accent: #e8a04a;
  --color-accent-contrast: #1d1710;
  --color-accent-glow: rgba(232, 160, 74, .55);

  --color-success: #7fb069;
  --color-danger: #e2624f;
  --color-info: #6fa8c9;

  --focus-ring: 0 0 0 3px rgba(232, 160, 74, .35);
  --shadow-card: 0 1px 6px rgba(0, 0, 0, .35);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading: Fraunces, Georgia, serif;
}