/*
 * デザイントークン
 * 基調: DJ KOO型(2026-08-16、吉岡さん本人が4案から選定)
 * 白背景 × カラフルなグラデーション × 太いゴシック。明るく親しみやすい印象を狙う。
 * 値は選定された案 docs/design-variants/variant-2-djkoo.html を正とする。
 */
:root {
  /* アクセント(グラデーションで組み合わせて使う) */
  --color-primary: #ff6b35;
  --color-primary-dark: #e6551f;
  --color-secondary: #00b8c9;
  --color-accent: #ffc400;
  --color-purple: #7c4dff;

  /* 面と文字 */
  --color-dark: #152238;
  --color-dark-soft: #233045;
  --color-text: #1c2733;
  --color-text-sub: #5a6472;
  --color-bg: #ffffff;
  --color-bg-soft: #f4f7fa;
  --color-border: #e4e9ef;

  /* グラデーション(バナー・特設ボックス用) */
  --grad-single: linear-gradient(135deg, #ff8a3d, #ff5f6d);
  --grad-kai: linear-gradient(135deg, #00c2d1, #3b6bff);
  --grad-radio: linear-gradient(135deg, #8a5cff, #00c2d1);
  --grad-special: linear-gradient(135deg, #0fb8c9 0%, #3b6bff 55%, #7c4dff 100%);
  --grad-underline: linear-gradient(90deg, var(--color-primary), var(--color-accent));

  --shadow-card: 0 10px 24px -12px rgba(21, 34, 56, 0.35);
  --shadow-lifted: 0 20px 40px -20px rgba(21, 34, 56, 0.5);

  --font-base: -apple-system, BlinkMacSystemFont, "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 88px;

  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 300ms;

  --max-width: 1120px;
  --max-width-narrow: 760px;
}

/* JSが動かない/読み込み前でもコンテンツは常に見える状態を既定にする */
[data-reveal] {
  opacity: 1;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}