/* ==========================================================
   CSS変数（design-spec.md 準拠）
   ========================================================== */
:root {
  /* カラー */
  --color-space: #10004d;
  --color-space-light: #1d0a6e;
  --color-red: #d7263d;
  --color-red-dark: #b01e31;
  --color-pink: #f48fb1;
  --color-gold: #d4a017;
  --color-gold-light: #f2c94c;
  --color-white: #ffffff;
  --color-cream: #fdf9f0;
  --color-text: #2b2b35;
  --color-text-light: #6b6b78;

  /* フォント */
  --font-heading: "M PLUS Rounded 1c", sans-serif;
  --font-body: "Noto Sans JP", sans-serif;

  /* サイズ・余白 */
  --content-width: 1100px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;

  /* 装飾 */
  --radius-card: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 6px 24px rgba(13, 27, 76, 0.1);
}