/* ── Common Styles ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #f4f4f8;
  --card: #ffffff;
  --card-border: #ddd;
  --text: #1a1a2e;
  --text-sub: #666;
  --text-muted: #999;
  --accent-blue: #2d6cdf;
  --accent-red: #d63031;
  --accent-orange: #e85d04;
  --accent-green: #00b894;
  --shadow: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.08);
  --radius: 12px;
}

body {
  font-family: 'Noto Sans JP', 'JetBrains Mono', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}

a { color: var(--accent-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

code {
  font-family: 'JetBrains Mono', monospace;
  background: #eee;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
}