/* ===== Shared tokens ===== */
:root {
  --bg: oklch(0.985 0.003 250);
  --surface: #fff;
  --surface-2: oklch(0.975 0.005 250);
  --border: oklch(0.92 0.005 250);
  --border-soft: oklch(0.945 0.004 250);
  --text: oklch(0.22 0.015 250);
  --text-2: oklch(0.45 0.012 250);
  --text-3: oklch(0.62 0.012 250);
  --brand: oklch(0.58 0.16 256);
  --brand-2: oklch(0.50 0.18 258);
  --brand-soft: oklch(0.96 0.03 256);
  --brand-soft-2: oklch(0.93 0.05 256);
  --green: oklch(0.62 0.13 155);
  --green-soft: oklch(0.95 0.05 155);
  --amber: oklch(0.78 0.13 80);
  --amber-soft: oklch(0.96 0.06 85);
  --red: oklch(0.60 0.19 22);
  --red-soft: oklch(0.96 0.04 22);
  --shadow-1: 0 1px 2px rgba(20,30,60,.04), 0 2px 6px rgba(20,30,60,.04);
  --shadow-2: 0 1px 2px rgba(20,30,60,.05), 0 8px 24px rgba(20,30,60,.06);
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --font: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: var(--font); color: var(--text); -webkit-font-smoothing: antialiased; }
button { font-family: inherit; }
a { color: inherit; text-decoration: none; cursor: pointer; }