/* Design Tokens — nain.jp  Retro-SF / Dusk Neon */
/* Phase 2 切替時はこのファイルの値のみ変更する */

:root {
  /* Colors — Twilight palette */
  --color-bg: #232437;
  --color-bg-elevated: #2b2a41;
  --color-text: #d5d2e0;
  --color-text-light: #9b98ad;
  --color-accent: #c4b8d8;
  --color-accent-hover: #ddd3ed;
  --color-accent-light: rgba(196, 184, 216, 0.08);
  --color-border: rgba(255, 255, 255, 0.08);
  --color-section-alt: #1e1d30;
  --color-glow: #e54d9a;
  --color-neon: #d946a8;

  /* Hero — full dusk sky */
  --hero-bg: linear-gradient(180deg, #4a5268 0%, #555470 35%, #6b5f7a 65%, #4a5268 100%);
  --hero-text: #e8e4f0;
  --hero-text-muted: #a09cb4;

  /* Notice bar */
  --notice-bg: #181729;
  --notice-text: #8e8ba0;
  --notice-link: #d946a8;

  /* Shadows — atmospheric */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.25);

  /* Typography — System font (same as BeBeat) */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", Helvetica, Arial, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", Helvetica, Arial, sans-serif;
  --font-hero: "Sora", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-hero: clamp(4rem, 12vw, 7rem);
  --line-height: 1.8;

  /* Font weight — base for body text */
  --font-weight-body: 450;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Layout */
  --max-width: 960px;
  --max-width-narrow: 720px;

  /* Transition */
  --transition: 0.25s ease;
}