/* Foundry Design Language — Token Definitions
   Reference: foundry-design-language.jsx
   Naming: Hyphenated CSS convention (diverges from JSX camelCase by design) */

/* ── Light Mode (default) ── */
:root {
  /* Surfaces */
  --f-bg: #f0ebe3;
  --f-surface: #f7f4ef;
  --f-surface-alt: #e8e2d8;
  --f-raised: #ffffff;

  /* Text */
  --f-ink: #1a1714;
  --f-body: #4a4640;
  --f-muted: #7a756e;
  --f-faint: #b8b0a4;

  /* Borders */
  --f-border: #d4cdc2;
  --f-border-hard: #1a1714;

  /* Accents */
  --f-ember: #c4512a;
  --f-rust: #a63d1f;
  --f-brass: #b8943e;
  --f-verdigris: #3a7d6e;
  --f-slate: #3d5a6e;

  /* Typography */
  --f-font-display: 'DM Serif Display', Georgia, serif;
  --f-font-body: 'IBM Plex Sans', 'Helvetica Neue', sans-serif;
  --f-font-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --f-tracking: 0.14em;
  --f-tracking-tight: -0.02em;
}

/* ── Dark Mode ── */
[data-theme="dark"] {
  --f-bg: #131210;
  --f-surface: #1c1a17;
  --f-surface-alt: #242220;
  --f-raised: #2a2725;

  --f-ink: #ede8df;
  --f-body: #a09a90;
  --f-muted: #706b63;
  --f-faint: #4a4640;

  --f-border: #353230;
  --f-border-hard: #706b63;

  --f-ember: #d4663e;
  --f-rust: #e07a52;
  --f-brass: #d4ad4a;
  --f-verdigris: #4ea08e;
  --f-slate: #5a8ca4;
}