@charset "utf-8";

/* -----------------------------------------------
* variables
-------------------------------------------------- */
:root {
  /* Primary Colors */
  /* --gaia-main-color: #8f7340; */
  /* --gaia-accent-color: #9F2042; */
  --gaia-color-primary: #453200;      /* メインカラー：深い茶色 */
  --gaia-color-accent: #E00026;       /* アクセントカラー：赤色 */
  
  /* Neutral Colors */
  --gaia-color-neutral-dark: #474d31; /* ダークニュートラル：オリーブグリーン */
  --gaia-color-neutral-light: #f3f2ed; /* ライトニュートラル：ベージュ */
  --gaia-color-neutral-white: #f1efe6; /* オフホワイト */
  
  /* Secondary Colors */
  --gaia-color-secondary: #b4ab81;    /* セカンダリカラー：サンドベージュ */
  --gaia-color-warm: #cf6700;         /* ウォームカラー：オレンジ */
  --gaia-color-cool: #00712d;         /* クールカラー：深い緑 */

  /* Link Colors */
  --gaia-color-link: #29abe2;

  /* button */
  --gaia-btn-color: var(--gaia-main-color);
  --gaia-btn-bg-color: transparent;
  --gaia-btn-max-width: 356px;
  --gaia-btn-height: 47px;


}

@media (max-width: 768px) {
  :root {
    --gaia-btn-max-width: 320px;
    --gaia-btn-height: 50px;
  }
}