/* Design tokens for the "Classical" editorial theme, light and dark.
   Values are lifted from the two approved design iterations — do not
   hand-tune a color here without checking both [data-theme] blocks. */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Lora:ital,wght@0,400;0,500;1,400&display=swap');

:root {
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Lora", Georgia, serif;

  --radius: 4px;

  --swatch-dark: #201f1d;
  --swatch-sage: #3a4a44;
}

/* Light (default ground) */
:root,
:root[data-theme="light"] {
  --bg: #f3f2f2;
  --surface: #eae9e9;
  --text: #201f1d;
  --muted: rgba(32, 31, 29, 0.68);
  --muted-faint: rgba(32, 31, 29, 0.5);
  --divider: rgba(32, 31, 29, 0.16);
  --accent: #b68235;
  --accent-label: #7d5411;
  --accent-tint: rgba(182, 130, 53, 0.1);
  --swatch-gold: #b68235;
  --swatch-cream: #eae9e9;
  --placeholder-1: #dcd6cd;
  --placeholder-2: #e6e1da;
  color-scheme: light;
}

/* Dark ground, brass as the only color */
:root[data-theme="dark"] {
  --bg: #1a1917;
  --surface: #23211e;
  --text: #f3f2f2;
  --muted: rgba(243, 242, 242, 0.68);
  --muted-faint: rgba(243, 242, 242, 0.55);
  --divider: rgba(243, 242, 242, 0.2);
  --accent: #e1ad66;
  --accent-label: #e1ad66;
  --accent-tint: rgba(225, 173, 102, 0.14);
  --swatch-gold: #e1ad66;
  --swatch-cream: #e8e4dc;
  --placeholder-1: #2a2825;
  --placeholder-2: #332f2b;
  color-scheme: dark;
}

/* "System" mode: no data-theme attribute set at all — follow the OS. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #1a1917;
    --surface: #23211e;
    --text: #f3f2f2;
    --muted: rgba(243, 242, 242, 0.68);
    --muted-faint: rgba(243, 242, 242, 0.55);
    --divider: rgba(243, 242, 242, 0.2);
    --accent: #e1ad66;
    --accent-label: #e1ad66;
    --accent-tint: rgba(225, 173, 102, 0.14);
    --swatch-gold: #e1ad66;
    --swatch-cream: #e8e4dc;
    --placeholder-1: #2a2825;
    --placeholder-2: #332f2b;
    color-scheme: dark;
  }
}