/* ===========================================================
   Tantra Asia School — Demo Design Tokens
   參考風格：somananda.org（暖米白 + 珊瑚 + 古典 serif）
   配色為「療癒/譚崔」品牌語彙：溫潤、女性力量、自然
   =========================================================== */

:root {
  /* ---- 配色 · 背景 ---- */
  --color-bg-primary:    #FAF7F1;  /* 米白主背景（暖偏） */
  --color-bg-secondary:  #F1EBDD;  /* 米黃淺底（卡片、區塊） */
  --color-bg-tertiary:   #E9DEC8;  /* 較深米色（hero、頁尾） */
  --color-bg-overlay:    rgba(58, 42, 22, 0.55);

  /* ---- 配色 · 文字 ---- */
  --color-text-primary:   #3A2A16;  /* 深暖棕（主文） */
  --color-text-secondary: #6B5A40;  /* 中暖棕（副文） */
  --color-text-muted:     #968870;  /* 灰暖棕（次要） */
  --color-text-inverse:   #FAF7F1;  /* 反白文（深底用） */

  /* ---- 配色 · 主色 / 強調（客戶現有品牌色） ---- */
  --color-accent-primary:   #AB8148;  /* 金棕 · 主 CTA（客戶品牌） */
  --color-accent-hover:     #8C6936;  /* 金棕深 · hover */
  --color-accent-soft:      #6A7F6E;  /* 莫蘭迪綠 · 次強調（客戶品牌） */
  --color-accent-bg:        #F3EADA;  /* 金棕淺底（hover/標籤） */

  /* ---- 配色 · 中性 / 邊線 ---- */
  --color-border:        #D4C5A8;
  --color-border-soft:   #E8DEC6;
  --color-shadow:        rgba(58, 42, 22, 0.08);

  /* ---- 配色 · 狀態 ---- */
  --color-success:  #6B8E5A;
  --color-warning:  #D4A04E;
  --color-error:    #B5443A;

  /* ---- 字型 ---- */
  --font-serif: "Playfair Display", "Noto Serif TC", "Cormorant Garamond", Georgia, serif;
  --font-sans:  "Noto Sans TC", "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* ---- 字級 ---- */
  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.875rem;  /* 14 */
  --fs-base: 1rem;      /* 16 */
  --fs-md:   1.125rem;  /* 18 */
  --fs-lg:   1.375rem;  /* 22 */
  --fs-xl:   1.75rem;   /* 28 */
  --fs-2xl:  2.25rem;   /* 36 */
  --fs-3xl:  3rem;      /* 48 */
  --fs-4xl:  3.75rem;   /* 60 hero */

  /* ---- 字重 ---- */
  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold: 600;
  --fw-bold:    700;

  /* ---- 行高 ---- */
  --lh-tight:   1.2;
  --lh-snug:    1.4;
  --lh-normal:  1.6;
  --lh-relaxed: 1.8;

  /* ---- 間距 ---- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  /* ---- 圓角 ---- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 9999px;

  /* ---- 陰影 ---- */
  --shadow-sm:  0 1px 2px var(--color-shadow);
  --shadow-md:  0 4px 12px var(--color-shadow);
  --shadow-lg:  0 8px 28px rgba(61, 40, 23, 0.12);

  /* ---- 容器 ---- */
  --container-max: 1200px;
  --container-narrow: 800px;

  /* ---- 動效 ---- */
  --transition-fast:   150ms ease-out;
  --transition-base:   250ms ease-out;
  --transition-slow:   400ms ease-out;

  /* ---- z-index ---- */
  --z-base:    1;
  --z-sticky:  100;
  --z-overlay: 500;
  --z-modal:   1000;
  --z-toast:   2000;
}