:root,
[data-theme='default'] {
  --font-sans: 'IBM Plex Sans', Inter, 'Noto Sans JP', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'IBM Plex Sans', Inter, 'Noto Sans JP', system-ui, sans-serif;
  --color-bg: #f6f8fb;
  --color-surface: rgba(255, 255, 255, 0.78);
  --color-surface-soft: rgba(232, 238, 247, 0.72);
  --color-ink: #0f172a;
  --color-muted: #64748b;
  --color-line: rgba(148, 163, 184, 0.32);
  --color-primary: #1e3a8a;
  --color-primary-dark: #0f172a;
  --color-primary-soft: rgba(219, 234, 254, 0.76);
  --color-accent: #a16207;
  --color-note: rgba(240, 247, 255, 0.82);
  --color-shadow: 15 23 42;
  --glass-surface: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.86);
  --glass-dark: rgba(15, 23, 42, 0.78);
  --glass-border: rgba(255, 255, 255, 0.68);
  --trust-gradient: linear-gradient(135deg, #0f172a 0%, #1e3a8a 54%, #0f766e 100%);
  --trust-sheen: linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.04));
  --site-background-image: none;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --card-image-ratio: 16 / 9;
  --focus-ring: 0 0 0 4px rgba(30, 58, 138, 0.22);
  --shadow-soft: 0 18px 46px rgba(15, 23, 42, 0.12);
  --shadow-candy: 0 24px 60px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255,255,255,0.78);
}


[data-theme='stage-night'] {
  --color-bg: #101312;
  --color-surface: #191f1d;
  --color-surface-soft: #22302d;
  --color-ink: #f5fbf7;
  --color-muted: #a8bbb5;
  --color-line: #31413d;
  --color-primary: #35b7aa;
  --color-primary-dark: #1f8e85;
  --color-primary-soft: #183f3a;
  --color-accent: #f07357;
  --color-note: #2a2a1d;
  --color-shadow: 0 0 0;
}

[data-theme='neumorphism'] {
  --color-bg: #e8f0fb;
  --color-surface: #e8f0fb;
  --color-surface-soft: #f2f6fd;
  --color-ink: #4e5b73;
  --color-muted: #8794aa;
  --color-line: #d7e2f2;
  --color-primary: #6d86ff;
  --color-primary-dark: #556be0;
  --color-primary-soft: #dce6ff;
  --color-accent: #d68adf;
  --color-note: #edf4ff;
  --color-shadow: 116 137 166;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --focus-ring: 0 0 0 4px rgba(109, 134, 255, 0.2);
  --neu-shadow-raised: 10px 10px 24px rgba(116, 137, 166, 0.28), -10px -10px 24px rgba(255, 255, 255, 0.92);
  --neu-shadow-soft: 7px 7px 18px rgba(116, 137, 166, 0.22), -7px -7px 18px rgba(255, 255, 255, 0.86);
  --neu-shadow-inset: inset 6px 6px 14px rgba(116, 137, 166, 0.22), inset -6px -6px 14px rgba(255, 255, 255, 0.86);
}