/* ============================================================
   澳門天師殿 · 設計變量
   清雅水墨（青綠主調）× 紅磚金瓦
   ============================================================ */

:root {
  /* ---- 宣紙底 ---- */
  --c-paper:      #F4EFE3;   /* 主底：宣紙 */
  --c-paper-2:    #FAF7EF;   /* 亮底 */
  --c-paper-3:    #EDE5D4;   /* 次底／分隔 */
  --c-paper-4:    #E3D9C4;   /* 深底／嵌入區 */

  /* ---- 青綠主調（青綠山水） ---- */
  --c-qing:       #3E6B7A;   /* 石青（主色） */
  --c-qing-deep:  #2A4E5C;   /* 深石青 */
  --c-lv:         #5C8064;   /* 石綠 */
  --c-lv-deep:    #41624A;   /* 深石綠 */
  --c-dian:       #2E4A5F;   /* 靛藍 */
  --c-cang:       #6B8A8C;   /* 蒼青 */
  --c-qing-mist:  #A8C0C4;   /* 遠山淡青 */

  /* ---- 紅磚金瓦（點綴） ---- */
  --c-zhuan:      #A9503A;   /* 紅磚 */
  --c-zhuan-deep: #8A3E2C;   /* 深磚 */
  --c-zhu:        #A32A1E;   /* 朱砂（印章、警示） */
  --c-wa:         #C8A45C;   /* 金瓦（亮金） */
  --c-wa-deep:    #A6802F;   /* 描金（亮底上用） */
  --c-wa-lift:    #E0C489;   /* 金箔高光 */

  /* ---- 墨 ---- */
  --c-mo:         #2B2B28;   /* 墨（正文與標題） */
  --c-mo-soft:    #55534B;   /* 淡墨（次要文字） */
  --c-mo-faint:   #6E6A60;   /* 更淡（說明、時間） */
  --c-mo-wash:    #7C786E;   /* 最淡（僅供裝飾，勿用於正文） */

  /* ---- 線與面 ---- */
  --c-line:       rgba(62, 107, 122, .20);   /* 青線 */
  --c-line-soft:  rgba(62, 107, 122, .10);   /* 極淡青線 */
  --c-line-gold:  rgba(166, 128, 47, .38);   /* 金線 */
  --c-line-brick: rgba(169, 80, 58, .28);    /* 磚線 */
  --c-mask:       rgba(43, 43, 40, .55);     /* 遮罩 */
  --c-line-ink:   rgba(43, 43, 40, .16);     /* ★ 補：墨線（components.css 已在使用） */

  /* ---- 功能色 ---- */
  --c-ok:         #3E6B4E;
  --c-warn:       #9A5B12;
  --c-danger:     #A32A1E;

  /* ---- 前景／背景（供元件通用引用） ---- */
  --c-fg:       var(--c-mo);
  --c-fg-soft:  var(--c-mo-soft);
  --c-bg:       var(--c-paper);
  --c-line-loc: var(--c-line);

  /* ---- 舊變量的別名 ----
     注意：紙底上的金色「文字」必須用深金（赭金），亮金只用於深色底或填面。
     --c-gold / --c-gold-moon 為文字用深金；亮金請直接用 --c-wa*。 */
  --c-gold:       #7F6220;   /* 深金（紙底文字，對比 5.0:1） */
  --c-gold-moon:  #7F6220;   /* 深金（紙底文字） */
  --c-gold-dark:  #8A6A22;   /* 描金（邊框、分隔線） */
  --c-gold-lift:  #F7EDD2;   /* 淡金（深底上的文字，如紅磚日期牌） */
  --c-zhu-deep:   var(--c-zhuan-deep);
  --c-jiang:      var(--c-dian);
  --c-night:      var(--c-dian);
  --c-night-soft: var(--c-paper-2);
  --c-night-lift: var(--c-paper-3);
  --c-ink:        var(--c-mo);
  --c-ink-soft:   var(--c-mo-soft);
  --c-paper-dim:  var(--c-paper-3);

  /* ---- 字體 ---- */
  --f-display: "Noto Serif TC", "Songti TC", "SimSun", serif;
  --f-title:   "Noto Serif TC", "Songti TC", serif;
  --f-body:    "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --f-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* ---- 字階 ---- */
  --fs-display: clamp(2.2rem, 6.5vw, 4.2rem);
  --fs-h1:      clamp(1.7rem, 4.4vw, 2.6rem);
  --fs-h2:      clamp(1.3rem, 3.2vw, 1.8rem);
  --fs-h3:      1.1875rem;   /* 19px */
  --fs-h4:      1.125rem;    /* 18px —— 介於 h3(19px) 與 body(17px) 之間，補齊字階 */
  --fs-body:    1.0625rem;   /* 17px */
  --fs-small:   0.9rem;
  --fs-tiny:    0.78rem;
  --lh-body:    2.05;
  --lh-tight:   1.55;
  --ls-display: 0.14em;
  --ls-wide:    0.2em;

  /* ---- 間距 ----
     ★ 4px 一階的完整標尺。原本只定義了偶數級（1/2/3/4/6/8/12/16/24/32），
       但站內多處已在使用 --s-5 / --s-7 / --s-9 / --s-10 / --s-14，
       未定義的 var() 會讓「整條宣告失效」（padding/margin 直接歸零），
       故補齊為完整標尺，讓既有版面回復設計原意。 */
  --s-1:  0.25rem;  --s-2:  0.5rem;   --s-3:  0.75rem;  --s-4:  1rem;
  --s-5:  1.25rem;  --s-6:  1.5rem;   --s-7:  1.75rem;  --s-8:  2rem;
  --s-9:  2.25rem;  --s-10: 2.5rem;   --s-12: 3rem;     --s-14: 3.5rem;
  --s-16: 4rem;     --s-20: 5rem;     --s-24: 6rem;     --s-32: 8rem;

  /* ---- 形制 ---- */
  --radius:      3px;
  --radius-sm:   2px;
  --radius-m:    6px;   /* ★ 補：counsel.css 已在使用，原先未定義致圓角失效 */
  --shadow-lift: 0 6px 28px rgba(46, 74, 95, .12);
  --shadow-soft: 0 2px 12px rgba(46, 74, 95, .08);
  --border-gold: 1px solid var(--c-line-gold);

  /* ---- 容器 ---- */
  --w-max:    1240px;
  --w-text:   740px;
  --pad-x:    clamp(1.25rem, 5vw, 3rem);

  /* ---- 動效 ---- */
  --t-fast:   .22s;
  --t-base:   .4s;
  --t-slow:   .9s;
  --e-out:    cubic-bezier(.22, .61, .36, 1);
  --e-inout:  cubic-bezier(.65, .05, .36, 1);

  /* ---- 層級 ---- */
  --z-base: 1; --z-sticky: 100; --z-nav: 200; --z-modal: 400; --z-toast: 600;

  /* ---- 紋樣透明度 ---- */
  --o-orn:    .30;
  --o-orn-hi: .62;
  --o-noise:  .035;
}