/* ═══════════════════════════════════════════
   RPG数秘 — No.2 魔剣士
   ハイブリッドパレット：緑(魔剣士) × 深緑 × ミント
═══════════════════════════════════════════ */

:root {
  /* ─── コアカラー ─────────────────────────── */
  --accent:       #2d9b6a;
  --accent-2:     #1a7350;
  --deep:         #062818;
  --mid:          #0d4228;
  --primary:      #2d9b6a;
  --primary-dark: #1a7350;

  /* ─── ミント・ベース ─────────────────────── */
  --gold:        #6ee8b4;
  --gold-2:      #c0fff0;
  --cream:       #f4fdf8;
  --paper:       #f9fefc;
  --ink:         #1a2e25;
  --muted:       #557060;
  --line-gold:   rgba(110, 232, 180, 0.55);
  --shadow:      0 16px 36px rgba(6, 40, 24, 0.24);
  --shadow-red:  0 16px 36px rgba(0, 80, 40, 0.28);
  --body-bg:     #f9fefc;

  /* ─── Hero セクション ────────────────────── */
  --hero-bg:
    radial-gradient(circle at 15% 10%, rgba(80, 210, 140, 0.25), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(110, 232, 180, 0.15), transparent 22%),
    linear-gradient(160deg, #002a14 0%, #0a5c2e 40%, #063820 100%);
  --hero-moon-bg:        radial-gradient(circle at 35% 35%, #e0fff4, #6ee8b4 65%, rgba(110, 232, 180, 0.35) 100%);
  --hero-moon-glow:      rgba(110, 232, 180, 0.8);
  --hero-mountain-bg:    linear-gradient(180deg, rgba(0, 30, 14, 0.04), rgba(0, 20, 10, 0.85));
  --hero-num-color:      rgba(80, 230, 150, 0.18);
  --hero-star-dot-color: rgba(110, 232, 180, 0.75);
  --hero-h1-glow:        rgba(110, 232, 180, 0.3);
  --keyword-border:      rgba(110, 232, 180, 0.4);

  /* ─── ロゴ ──────────────────────────────── */
  --logo-border: rgba(110, 232, 180, 0.78);
  --logo-bg:     linear-gradient(180deg, rgba(10, 80, 40, 0.94), rgba(5, 40, 20, 0.97));
  --logo-inset:  rgba(180, 255, 220, 0.2);

  /* ─── セクション ────────────────────────── */
  --lavender-end:      #ecfaf3;
  --dark-section-glow: rgba(110, 232, 180, 0.14);
  --dark-section-bg:   linear-gradient(180deg, #0d3d24 0%, #1a6640 100%);

  /* ─── types-frame ───────────────────────── */
  --frame-border: rgba(110, 232, 180, 0.9);
  --frame-bg:     linear-gradient(180deg, rgba(10, 50, 30, 0.92), rgba(5, 25, 14, 0.98));

  /* ─── バッジ ────────────────────────────── */
  --badge-border:         rgba(110, 232, 180, 0.85);
  --badge-text:           #c0fff0;
  --badge-bg:             linear-gradient(180deg, #1e7a4e, #0d4a2a);
  --badge-diamond-bg:     #0f5535;
  --badge-diamond-border: rgba(110, 232, 180, 0.6);

  /* ─── リボンタイトル ────────────────────── */
  --ribbon-border:         rgba(45, 155, 106, 0.5);
  --ribbon-bg:             linear-gradient(180deg, rgba(244, 253, 248, 0.9), rgba(220, 248, 235, 0.9));
  --ribbon-shadow:         rgba(45, 155, 106, 0.1);
  --ribbon-diamond-border: rgba(45, 155, 106, 0.4);

  /* ─── カード・タイムライン ──────────────── */
  --point-border:        rgba(110, 232, 180, 0.38);
  --timeline-glow:       rgba(110, 232, 180, 0.6);
  --timeline-dot-shadow: 0 0 12px rgba(110, 232, 180, 0.8), 0 0 4px rgba(110, 232, 180, 0.5);
  --timeline-note-bg:    rgba(110, 232, 180, 0.1);

  /* ─── 相性カード ────────────────────────── */
  --compat-bg:
    radial-gradient(circle at 20% 20%, rgba(110, 232, 180, 0.14), transparent 32%),
    linear-gradient(135deg, #1a6640, #062a18);
  --compat-hover-shadow: rgba(6, 40, 24, 0.36);

  /* ─── ボタン ────────────────────────────── */
  --btn-primary-bg:       linear-gradient(180deg, #3dbf82 0%, #1a7a4a 100%);
  --btn-primary-border:   #a0ffd0;
  --btn-secondary-bg:     linear-gradient(180deg, #248a58 0%, #0f5234 100%);
  --btn-secondary-border: rgba(180, 255, 220, 0.9);

  /* ─── CTA ───────────────────────────────── */
  --cta-divider-bg: rgba(45, 155, 106, 0.2);

  /* ─── 相性チェックカード ────────────────── */
  --check-card-bg:           linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 253, 248, 0.98));
  --check-card-border:       rgba(100, 200, 150, 0.7);
  --check-card-shadow:       rgba(45, 155, 106, 0.1);
  --check-card-hover-shadow: rgba(45, 155, 106, 0.18);
  --check-card-hover-border: #80e8b8;

  /* ─── レアカード ────────────────────────── */
  --check-rare-border:   rgba(100, 220, 180, 0.85);
  --check-rare-glow:     rgba(180, 255, 220, 0.4);
  --check-rare-bg-end:   #f0fef8;
  --check-rare-badge-bg: linear-gradient(135deg, #1a9a5c, #0a5534);

  /* ─── 有料レポート ──────────────────────── */
  --paid-card-border:  rgba(110, 232, 180, 0.35);
  --paid-li-border:    rgba(110, 232, 180, 0.6);
  --paid-price-border: rgba(110, 232, 180, 0.3);
  --paid-star-2:       rgba(110, 232, 180, 0.4);
  --paid-star-3:       rgba(160, 255, 210, 0.35);

  /* ─── アニメーション ────────────────────── */
  --shooting-star-color: rgba(110, 232, 180, 0.55);
  --pulse-glow-1: rgba(110, 232, 180, 0.35);
  --pulse-glow-2: rgba(110, 232, 180, 0.72);
}

/* ─── ウォーターマーク数字（No.2固有） ─── */
.hero-bg::before {
  content: "2 2 2";
}