/* Shared color tokens + font import. Link this BEFORE per-page CSS so the
   page can override individual vars if it needs to. */

@import url("https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,900&display=swap");

:root {
  color-scheme: dark;

  --ns-bg: #0a0a0a;
  --ns-bg-elevated: #141414;
  --ns-bg-card: #161616;
  --ns-text: #e8e6e3;
  --ns-text-muted: #8a8a8a;
  --ns-text-dim: #555;
  --ns-border: #242424;
  --ns-border-strong: #3a3a3a;
  --ns-accent: #8b9dda;
  --ns-accent-hover: #a5b6e8;
  --ns-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
  --ns-danger: #d97777;

  --ns-font-sans: "Epilogue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ns-font-serif: "Fraunces", Georgia, "Iowan Old Style", "Apple Garamond", "Palatino", serif;
  --ns-font-mono: ui-monospace, "SF Mono", Menlo, Monaco, monospace;
}

:root[data-theme="light"] {
  color-scheme: light;

  --ns-bg: #faf8f3;
  --ns-bg-elevated: #ffffff;
  --ns-bg-card: #ffffff;
  --ns-text: #1a1a1a;
  --ns-text-muted: #5a5a5a;
  --ns-text-dim: #9a9a9a;
  --ns-border: #e8e4da;
  --ns-border-strong: #c8c2b2;
  --ns-accent: #3d4c7f;
  --ns-accent-hover: #2a3a6c;
  --ns-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  --ns-danger: #b04545;
}

* { box-sizing: border-box; }