:root {
  --purple:       #4a2d7a;
  --purple-deep:  #35205a;
  --purple-mid:   #6b4fa0;
  --purple-soft:  #f3eeff;
  --purple-pale:  #f9f5ff;
  --purple-border:#ddd3f0;
  --ink:          #1a1528;
  --ink-mid:      #3d3552;
  --ink-light:    #6b6480;
  --ink-faint:    #7c7493;
  --bg:           #ffffff;
  --bg-soft:      #fafaf9;
  --bg-section:   #f7f5fc;
  --border:       #ebe8f2;
  --blue:         #2563eb;
  --blue-rgb:     37, 99, 235;
  --blue-hover:   #1d4ed8;
  --radius:       10px;
  --radius-sm:    6px;
  --sans:         'Cormorant Garamond', 'Noto Sans JP', serif;
  --body:         'Noto Sans JP', sans-serif;
  --mono:         'DM Mono', monospace;
  --shadow-sm:    0 1px 4px rgba(74,45,122,0.06), 0 4px 16px rgba(74,45,122,0.04);
  --shadow:       0 2px 12px rgba(74,45,122,0.08), 0 8px 32px rgba(74,45,122,0.05);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--body);
  background: var(--bg);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  padding-top: 64px;
  overflow-x: hidden;
}