/* EJIA 表單系統 設計 tokens（示意稿 v1，2026-10-28）*/
@font-face{font-family:"Huninn";src:url("/fonts/huninn-subset.woff2") format("woff2");font-display:swap;}
:root{
  /* 品牌色（取自 brand-notes 色票） */
  --bean:#A82843;        /* 紅豆櫻桃色（2026-10-29 依 Gemini 版定版）：主按鈕、主色 */
  --bean-press:#8D1E36;  /* 深豆紅：按下、深色文字強調 */
  --wine:#8D1E36;        /* CirQ 酒紅：標題 */
  --blush:#FCE7EB;       /* 奶油米白：淺底、選取底 */
  --mist:#F8D0D8;        /* 霧粉米：分隔、橫幅淺色 */
  --cream:#FBF6F3;       /* 前台頁面底 */
  --gold:#F1B538;        /* 暖金黃：小點綴（不放文字）*/
  --gold-ink:#8A5A00;    /* 金色系文字（白底 5.6:1）*/
  --ink:#201F1F;         /* 墨黑：內文 */
  --ink-2:#5E5452;       /* 次要文字（白底 7.4:1）*/
  --ink-3:#7A6E6B;       /* 提示文字（白底 4.9:1）*/
  --line:#E6DCD8;        /* 框線 */
  --line-strong:#CDBFBA; /* 輸入框框線 */
  --white:#FFFFFF;
  --line-green:#00843A;  /* LINE 綠（加深，白字 4.6:1；官方 #06C755 白字僅 2.3:1）*/
  --line-green-bg:#E7F5EC;
  --error:#B42318; --error-bg:#FDEDEA;
  --ok:#1E7A46; --ok-bg:#E6F4EC;
  --warn:#8A5A00; --warn-bg:#FDF3DC;
  --muted-bg:#F1EEED;
  /* 後台中性色 */
  --bo-bg:#F6F4F3; --bo-surface:#FFFFFF; --bo-border:#E7E2E0; --bo-text:#201F1F; --bo-muted:#655B58; --bo-hover:#FAF7F6;
  /* 字型 */
  --font-display:"Huninn","Noto Sans CJK TC",sans-serif;
  --font-ui:"Inter","Noto Sans CJK TC","Noto Sans TC","PingFang TC",sans-serif;
  /* 圓角 */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;
  /* 間距（4 的倍數）*/
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px;
  --shadow-card:0 1px 2px rgba(64,24,20,.06),0 4px 16px rgba(64,24,20,.06);
  --shadow-bar:0 -6px 20px rgba(64,24,20,.10);
  --focus:0 0 0 3px rgba(168,40,67,.22);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;font-synthesis:none;line-break:strict;font-feature-settings:"palt" 0}
.num,td.n,.price,.amt{font-variant-numeric:tabular-nums}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Only rich text may synthesize CJK italics. */
.rich-input,.rich-content,.form-description{font-synthesis:style}
:is(.rich-input,.rich-content,.form-description) :is(i,em,[style*="font-style:italic"],[style*="font-style: italic"]){font-synthesis:style;font-style:italic}
:is(.rich-input,.rich-content,.form-description) ol{list-style:decimal;padding-inline-start:1.8em;margin-block:.5em}
:is(.rich-input,.rich-content,.form-description) li{display:list-item}