/*
 * Skin: Light (REQ 117, besluit D-048).
 * Tweede skin bovenop dezelfde root (tokens.css). Alleen tokens, geen eigen structuur of
 * selectors. Zelfde accentkleur-logica als Dark (amber, nooit blauw), waarden aangepast voor
 * voldoende contrast op een licht oppervlak. Toegestane tokens: zie docs/REQ-117-skin-tokens.md.
 */
html[data-skin="light"] {
  color-scheme: light;

  --color-bg-base: #faf8f5;
  --color-bg-surface: #ffffff;
  --color-bg-elevated: #f1ede4;
  --color-border: #ddd4c2;

  --color-text-primary: #211c14;
  --color-text-secondary: #4a4033;
  --color-text-muted: #79705f;

  --color-accent: #c97f2e;
  --color-accent-contrast: #fffaf3;
  --color-accent-glow: rgba(201, 127, 46, .35);

  --color-success: #3f8f4f;
  --color-danger: #c94a37;
  --color-info: #2f7aa6;

  --focus-ring: 0 0 0 3px rgba(201, 127, 46, .35);
  --shadow-card: 0 1px 6px rgba(20, 15, 5, .12);

  --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;
}