/**
 * FCM デザイントークン
 * 風CAMP 昼テーマ準拠: ティール #2E9478 / 金 #EFC61A / 暖色紙面
 */
:root {
  --fcm-font: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --fcm-font-en: "Shippori Mincho", "Hiragino Mincho ProN", serif;
  --fcm-font-serif: "Shippori Mincho", "Hiragino Mincho ProN", serif;

  --fcm-color-primary: #2e9478;
  --fcm-color-primary-dark: #247a63;
  --fcm-color-primary-light: #3fa98c;

  /* SWELL 本体のメインカラーを FCM 緑に揃える */
  --color_main: #2e9478;
  --color_htag: #2e9478;

  --fcm-color-accent: #efc61a;
  --fcm-color-accent-dark: #d4ad12;
  --fcm-color-accent-warm: #e2641e;

  --fcm-color-text: #2b241b;
  --fcm-color-text-muted: #6b5b45;

  /* 面（ヘッダー・カード・ボタン） */
  --fcm-color-bg: #fffdf7;
  --fcm-color-surface: #fffdf7;
  /* ページ全体の背景（水彩ペーパー） */
  --fcm-color-bg-cream: #faf7ee;
  --fcm-color-bg-sub: #f3eddd;
  --fcm-color-bg-mint: #ebe3cf;
  --fcm-color-bg-hero: #e8f0e6;
  --fcm-color-border: #e0d9c8;

  --fcm-radius-sm: 2px;
  --fcm-radius-md: 2px;
  --fcm-radius-lg: 2px;
  --fcm-radius-pill: 999px;

  --fcm-shadow-sm: 0 4px 20px rgba(43, 36, 27, 0.07);
  --fcm-shadow-md: 0 12px 36px rgba(43, 36, 27, 0.1);
  --fcm-shadow-cta: 0 16px 40px rgba(46, 148, 120, 0.16);

  --fcm-container: 1120px;
  --fcm-content: 800px;
  --fcm-header-h: 60px;
  --fcm-grid-gap: 1.5rem;

  --fcm-space-xs: 0.5rem;
  --fcm-space-sm: 1rem;
  --fcm-space-md: 1.5rem;
  --fcm-space-lg: 2.5rem;
  --fcm-space-xl: 4.5rem;
  --fcm-space-2xl: 6rem;

  --fcm-hero-gradient: linear-gradient(
    100deg,
    #2e9478 0%,
    #5ca344 30%,
    #c9a123 60%,
    #dd7a1f 84%,
    #d4551a 100%
  );

  --fcm-color-primary-hover-bg: rgba(46, 148, 120, 0.08);

  --swl-text-muted: var(--fcm-color-text-muted);
}