/* ============================================================
   DESIGN TOKENS — K.Platinum Corporate Site v4.1
   Warm / Sunset tone — 晴天・清潔感・白ベース
   ============================================================ */

:root {
  /* ---- Colors ---- */
  --c-text:           #1A1A1A;
  --c-text-light:     #555555;
  --c-text-muted:     #999999;

  --c-bg:             #FFFFFF;
  --c-bg-soft:        #FFFFFF;
  --c-bg-section:     #F7F8FA;  /* off-white — 設計書v4.1に合わせて修正（旧: #FAFAFA） */

  --c-orange:         #E8672A;
  --c-orange-deep:    #D4551A;
  --c-orange-light:   #F0834E;

  --c-gold:           #C9A84C;
  --c-gold-light:     #D4B96A;

  --c-peach:          #FFE4D0;
  --c-warm-cream:     #FEFEFE;

  /* Legacy navy — subdued accent for footer / text */
  --c-navy:           #1E3A5F;
  --c-navy-deep:      #0D1B2E;
  --c-navy-mid:       #162C48;  /* navy-deep〜navyの中間色（グラデーション起点用） */
  --c-navy-light:     #2B5A8F;  /* 設計書v4.1 ライトネイビー（追加） */
  --c-accent:         #4A90D9;  /* 設計書v4.1 アクセントブルー（追加） */

  --c-border:         #E5E5E5;
  --c-border-light:   #F0F0F0;

  /* ---- Gradients ---- */
  --g-page:           var(--c-bg);
  --g-flare:          radial-gradient(circle, var(--c-bg) 0%, var(--c-orange) 50%, var(--c-gold) 80%, transparent 100%);
  --g-btn-primary:    linear-gradient(170deg, var(--c-orange) 0%, var(--c-orange-light) 100%);
  --g-hero-fade:      linear-gradient(to bottom, transparent 0%, transparent 60%, var(--c-bg) 100%);

  /* ---- Typography ---- */
  --f-heading-en:     'Barlow Condensed', sans-serif;
  --f-heading-ja:     'Noto Serif JP', serif;
  --f-body:           'Noto Sans JP', sans-serif;
  --f-label:          'Inter', sans-serif;

  /* ---- Spacing ---- */
  --s-header-h:       80px;
  --s-container:      1200px;
  --s-gutter:         32px;

  /* ---- Transitions ---- */
  --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --t-base:           0.4s;
  --t-slow:           0.8s;

  /* ---- Z-index ---- */
  --z-bg:             1;
  --z-content:        10;
  --z-floating:       50;
  --z-mobile-menu:    90;
  --z-header:         100;
}