/* ハーネス由来(beyondge-inc/lp-design-harness)・直接編集しない。案件固有の追加は components.css 末尾の「案件追加分」のみ */
/* ==========================================================================
   テーマ: beyondge(自社ブランド)
   ==========================================================================
   Beyondge のブランド色(臙脂)をベースにしたテーマ。
   文法は rpo.beyondge.com 準拠: 臙脂のキーワード強調 + チャコールのピルCTA
   + 超角丸カード + 温かみのあるニュートラル。
   根拠: docs/research/beyondge-brand.md
   注意: DealFlow のようにサービスごとに色を変える場合は、
   このファイルではなく _template.css から案件テーマを新規に作る。
   ========================================================================== */

[data-theme="beyondge"] {
  --color-primary: #7e0c0a;
  --color-primary-strong: #5e0806;
  --color-primary-soft: #f6ebea;
  --color-on-primary: #ffffff;

  /* メインCTAはチャコールのピル(自社LPの実装準拠) */
  --color-cta: #2b2a2a;
  --color-cta-strong: #111111;
  --color-on-cta: #ffffff;

  --color-marker: #f4dd6f;

  --color-bg: #ffffff;
  --color-bg-alt: #f6f4f1;
  --color-surface: #ffffff;
  --color-text: #2a2626;
  --color-text-muted: #7c7370;
  --color-border: #e8e2dc;

  --color-success: #3e8e5a;
  --color-danger: #b3261e;

  --gradient-hero: linear-gradient(180deg, #ffffff 0%, #f8f5f1 100%);

  --font-heading: var(--font-sans-jp);
  --font-body: var(--font-sans-jp);
  --radius-button: var(--radius-full);
  --radius-card: var(--radius-xl);
  --shadow-card: 0 6px 24px rgba(90, 40, 30, 0.08);
  --heading-align: center;
}