/* macroe/styles/tokens.css — theme tokens + typography stack */

:root {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --step-4: 4px;
  --step-8: 8px;
  --step-16: 16px;
  --step-24: 24px;
  --step-48: 48px;
  --step-96: 96px;

  --radius: 6px;
}

html[data-font="editorial"] {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Serif 4", Georgia, serif;
}
html[data-font="classic"] {
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Lora", Georgia, serif;
}
html[data-font="humanist"] {
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
html[data-font="grotesque"] {
  --font-display: "Space Grotesk", "Inter", -apple-system, sans-serif;
  --font-body: "Space Grotesk", "Inter", -apple-system, sans-serif;
}
html[data-font="hyperlegible"] {
  --font-display: "Atkinson Hyperlegible", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Atkinson Hyperlegible", -apple-system, "Segoe UI", Roboto, sans-serif;
}

html[data-theme="night"] {
  --bg: #0b1018;
  --paper: #141820;
  --fg: #e7dfd0;
  --fg-muted: #8a8578;
  --rule: rgba(231, 223, 208, 0.12);
  --rule-strong: rgba(231, 223, 208, 0.24);
  --accent: #22d3ee;
  --success: #8ad0aa;
  --warning: #e0a870;
  --danger: #f2a298;
  color-scheme: dark;
}

html[data-theme="day"] {
  --bg: #f4ead6;
  --paper: #fbf5e7;
  --fg: #1f1b15;
  --fg-muted: #6b6154;
  --rule: rgba(31, 27, 21, 0.15);
  --rule-strong: rgba(31, 27, 21, 0.3);
  --accent: #0e7793;
  --success: #2f7a52;
  --warning: #a86a1c;
  --danger: #9a3a30;
  color-scheme: light;
}

html[data-theme="print"] {
  --bg: #fbf8f0;
  --paper: #fbf8f0;
  --fg: #111111;
  --fg-muted: #444444;
  --rule: #111111;
  --rule-strong: #111111;
  --accent: #111111;
  --success: #111111;
  --warning: #111111;
  --danger: #111111;
  color-scheme: light;
}

html[data-theme="graphite"] {
  --bg: #0d1117;
  --paper: #161b22;
  --fg: #d7d8db;
  --fg-muted: #8b949e;
  --rule: rgba(215, 216, 219, 0.12);
  --rule-strong: rgba(215, 216, 219, 0.28);
  --accent: #6b9dff;
  --success: #7ee787;
  --warning: #f2cc60;
  --danger: #ff7b72;
  color-scheme: dark;
}

html[data-theme="forest"] {
  --bg: #0d1512;
  --paper: #131e1a;
  --fg: #e6ddc4;
  --fg-muted: #8a9988;
  --rule: rgba(230, 221, 196, 0.12);
  --rule-strong: rgba(230, 221, 196, 0.26);
  --accent: #f5a742;
  --success: #8ccf86;
  --warning: #e4b15a;
  --danger: #e58775;
  color-scheme: dark;
}

html[data-theme="midnight"] {
  --bg: #0a0f1e;
  --paper: #11182b;
  --fg: #e6e2d0;
  --fg-muted: #8a8fa6;
  --rule: rgba(230, 226, 208, 0.12);
  --rule-strong: rgba(230, 226, 208, 0.28);
  --accent: #d8c679;
  --success: #9ccba1;
  --warning: #e5b56d;
  --danger: #e58a7a;
  color-scheme: dark;
}

html[data-theme="linen"] {
  --bg: #f5f0e4;
  --paper: #fbf7ea;
  --fg: #1a1f22;
  --fg-muted: #5c6469;
  --rule: rgba(26, 31, 34, 0.15);
  --rule-strong: rgba(26, 31, 34, 0.3);
  --accent: #115e67;
  --success: #2c6a4a;
  --warning: #9a6f1e;
  --danger: #8a2f2a;
  color-scheme: light;
}

html[data-theme="rose"] {
  --bg: #fdf4f0;
  --paper: #fef9f6;
  --fg: #2a1418;
  --fg-muted: #6a4a50;
  --rule: rgba(42, 20, 24, 0.15);
  --rule-strong: rgba(42, 20, 24, 0.3);
  --accent: #7a2a3a;
  --success: #2d6a4e;
  --warning: #9a5a20;
  --danger: #7a2a3a;
  color-scheme: light;
}

html[data-theme="sky"] {
  --bg: #eff4f9;
  --paper: #f7fafc;
  --fg: #1a1f2c;
  --fg-muted: #57607a;
  --rule: rgba(26, 31, 44, 0.15);
  --rule-strong: rgba(26, 31, 44, 0.3);
  --accent: #3b4b80;
  --success: #2e6b5a;
  --warning: #8f6420;
  --danger: #883340;
  color-scheme: light;
}