/* ==========================================
   CSS Variables - Cafe Passport User LP
   ========================================== */

:root {
  /* カラーパレット */
  --color-main: #42210b;        /* メインカラー（濃いブラウン） */
  --color-title: #5e2014;       /* タイトルカラー（ブラウン） */
  --color-base: #FCFAF7;        /* ベース背景色（ベージュ） */
  --color-base-alt: #F6F1ED;    /* ベース背景色代替（濃いベージュ） */
  --color-accent: #81c9c5;      /* アクセントカラー（ターコイズ） */
  --color-point: #c1272d;       /* ポイントカラー（赤） */
  --color-point-sub: #d89e93;   /* ポイントサブカラー（ピンク） */
  --color-primary: #39B54A;     /* プライマリ（緑・LINE） */
  --color-main-invert: #FFFFFF;    /* 背景白 */

  /* フォント設定 */
  --font-family: 'Noto Sans JP', sans-serif;

  /* フォントサイズ */
  --font-size-title-24: 24px;
  --font-size-title-20: 20px;
  --font-size-text-lb: 18px;
  --font-size-text-l: 18px;
  --font-size-text: 16px;
  --font-size-text-sb: 14px;
  --font-size-text-s: 14px;

  /* フォントウェイト */
  --font-weight-bold: 700;
  --font-weight-medium: 500;

  /* 行間 */
  --line-height: 1.5;

  /* レタースペーシング */
  --letter-spacing: 0;

  /* コンテンツ幅 */
  --max-width-pc: 1000px;

  /* スペーシング */
  --spacing-sp-side: 16px;
}