:root {
  /* greens — true viridian */
  --vg-green: #007f68;       /* VIRIDIAN GOLF brand */
  --vg-green-2: #09997e;     /* hover */
  --vg-green-deep: #00543f;  /* deep panels (footer, featured, stat) */
  --vg-green-soft: #6aa899;
  /* surfaces (dark) */
  --vg-bg: #0a0d0a;          /* page */
  --vg-paper: #0f130f;       /* section banding */
  --vg-surface: #161c17;     /* cards / pills */
  --vg-surface-2: #1d251e;   /* raised / hover */
  /* text */
  --vg-cream: #ece9df;       /* the light color (text/fills on dark+green) */
  --vg-ink: #e9e6dc;         /* primary text */
  --vg-ink-2: #969d92;       /* muted text */
  --vg-ink-d: #0a0d0a;       /* dark text on brass / light fills */
  --vg-rule: rgba(236,233,223,0.13);
  --vg-accent: #c2a25c;      /* brass */
  /* fonts */
  --jp: "Inter", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;
  --jp-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --en: "Inter", system-ui, sans-serif;
  --display: "Cormorant Garamond", "Noto Serif JP", serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--vg-bg);
  color: var(--vg-ink);
  font-family: var(--jp);
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.01em;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

/* Theme variants — viridian family, varying base temperature */
body[data-theme="noir"] {           /* neutral black + viridian (default) */
  --vg-green: #007f68; --vg-green-2: #09997e; --vg-green-deep: #00543f;
  --vg-bg: #0a0d0a; --vg-paper: #0f130f; --vg-surface: #161c17; --vg-surface-2: #1d251e;
  --vg-rule: rgba(236,233,223,0.13); --vg-accent: #c2a25c;
}
body[data-theme="forest"] {         /* green-tinted black, richer */
  --vg-green: #068570; --vg-green-2: #0d9d84; --vg-green-deep: #005643;
  --vg-bg: #08110b; --vg-paper: #0c170f; --vg-surface: #122017; --vg-surface-2: #1a2c20;
  --vg-rule: rgba(220,236,224,0.14); --vg-accent: #c2a25c;
}
body[data-theme="graphite"] {       /* cool slate-black */
  --vg-green: #08806f; --vg-green-2: #0f9784; --vg-green-deep: #01524a;
  --vg-bg: #0b0d0e; --vg-paper: #101314; --vg-surface: #181c1e; --vg-surface-2: #1f2528;
  --vg-rule: rgba(232,238,242,0.13); --vg-accent: #b9a36a;
}
body[data-theme="brass"] {          /* black with stronger brass presence */
  --vg-green: #007f68; --vg-green-2: #09997e; --vg-green-deep: #00543f;
  --vg-bg: #0c0b08; --vg-paper: #11100b; --vg-surface: #1a1813; --vg-surface-2: #221f17;
  --vg-rule: rgba(236,228,210,0.15); --vg-accent: #cdab5e;
}

/* Light mode — bright paper base, viridian accents, dark feature panels */
body[data-theme][data-mode="light"] {
  --vg-green: #00705c; --vg-green-2: #007f68; --vg-green-deep: #00543f; --vg-green-soft: #9dc0b6;
  --vg-bg: #f8f6f0; --vg-paper: #f1eee4; --vg-surface: #ffffff; --vg-surface-2: #f4f1e8;
  --vg-ink: #12211c; --vg-ink-2: #5a6b65; --vg-rule: rgba(0,70,56,0.15);
}
body[data-mode="light"] .vg-header { background: rgba(248,246,240,0.82); }
body[data-mode="light"] .vg-noticebar { background: var(--vg-green-deep); }
body[data-mode="light"] .vg-plancard { box-shadow: 0 1px 2px rgba(0,70,56,0.05); }
body[data-mode="light"] .vg-plancard:hover { box-shadow: 0 18px 44px -22px rgba(0,80,64,0.3); }
body[data-mode="light"] .vg-reason-extra { background: var(--vg-surface); }
body[data-mode="light"] .vg-show { background: #dfe3dc; }

#root { min-height: 100vh; }