/*
 * 共用設計語彙(單一真實來源)— 馬卡龍藍 × 銀灰白(高質感)
 * 各元件樣式(app.css)先載入本檔再疊加(DRY:色票只定義一次)。
 * 單位一律 rem / % / vh / vw / fr(無 px)。
 */
:root {
    /* ---- 色彩 ---- */
    --c-bg:          #eef2f7;
    --c-bg-soft:     #f4f7fb;
    --c-surface:     #ffffff;
    --c-surface-2:   #f3f6fa;
    --c-line:        #e4e9f1;
    --c-line-2:      #d3dce9;
    --c-text:        #2a3340;
    --c-text-2:      #586676;
    --c-text-3:      #93a0b2;
    --c-blue:        #5e94c9;
    --c-blue-strong: #3f6fa3;
    --c-blue-ink:    #2f5680;
    --c-blue-soft:   #e9f2fb;
    --c-blue-soft-2: #d8e8f7;
    --c-warn:        #b06a2c;
    --c-warn-bg:     #fbf2e6;
    --c-done:        #2e9e6b;
    --c-code-bg:     #2b3a4d;
    --c-code-fg:     #e7eef6;
    --c-overlay:     rgba(30, 44, 61, 0.80);
    --c-shadow:      rgba(46, 73, 110, 0.14);
    --c-shadow-strong: rgba(46, 73, 110, 0.24);

    /* ---- 尺寸 ---- */
    --size-topbar: 3.5rem;
    /* 編輯欄工具列高 = 預覽欄標頭高(兩欄頂端對齊的單一真實來源;對應 lib 工具列原生 46px) */
    --size-editbar: 2.875rem;
    --radius: 0.55rem;
    --radius-sm: 0.35rem;
    --radius-pill: 62rem;
    --hair: 0.0625rem;
    --gap: 1rem;
    --shadow-card: 0 0.0625rem 0.1875rem var(--c-shadow);
    --shadow-pop: 0 0.75rem 2.25rem var(--c-shadow-strong);

    /* ---- 字型 ---- */
    --font-base: 1rem;
    --font-ui: "Segoe UI", "Microsoft JhengHei", "PingFang TC", system-ui, sans-serif;
    --font-serif: "Noto Serif TC", "Songti TC", PMingLiU, "Times New Roman", serif;
    --font-mono: "Cascadia Code", Consolas, "Courier New", monospace;
}