93 lines
4.5 KiB
CSS
93 lines
4.5 KiB
CSS
/* ═══════════════════════════════════════════════════════════
|
||
* ewoooc-tokens-v2-alias.css
|
||
* V2 → V3 變數重導層
|
||
*
|
||
* 用途：
|
||
* 產線中許多檔（sales_analysis、analysis_*、market_intel/* 等）
|
||
* inline 使用 --momo-warm-caramel / --momo-warm-rust 等 V2 命名。
|
||
* 本檔將這些舊名重導到 V3 token（page-accent / tag-rust 等），
|
||
* 讓尚未改寫的頁面立即吃到 V3 暖色系，降低重寫壓力。
|
||
*
|
||
* 載入順序：必須在 ewoooc-tokens.css 之後、page-*.css 之前。
|
||
* 完成全站改寫後，本檔可移除。
|
||
* ═══════════════════════════════════════════════════════════ */
|
||
|
||
:root {
|
||
/* ── 暖色主軸（最常用，~30+ 處 inline 引用）── */
|
||
--momo-warm-caramel: var(--momo-page-accent); /* 焦糖橘主色 */
|
||
--momo-warm-rust: var(--momo-danger-text); /* 鐵鏽紅 */
|
||
--momo-warm-mahogany: var(--momo-tag-clay-text); /* 桃花心木 */
|
||
--momo-warm-honey: var(--momo-warning-text); /* 蜂蜜黃 */
|
||
--momo-warm-earth: var(--momo-tag-olive-text); /* 大地綠 */
|
||
--momo-warm-sand: var(--momo-tag-muted-text); /* 沙色 */
|
||
|
||
/* ── 舊頁直接引用的單色 tag 名稱 ── */
|
||
--momo-tag-rust: var(--momo-tag-rust-text);
|
||
--momo-tag-olive: var(--momo-tag-olive-text);
|
||
--momo-tag-honey: var(--momo-tag-honey-text);
|
||
--momo-tag-clay: var(--momo-tag-clay-text);
|
||
--momo-tag-mahogany: var(--momo-danger-text);
|
||
--momo-tag-walnut: var(--momo-info-text);
|
||
--momo-tag-sand: var(--momo-tag-muted-text);
|
||
|
||
/* ── 背景與紙張 ── */
|
||
--momo-canvas: var(--momo-bg-body);
|
||
--momo-paper: var(--momo-bg-surface);
|
||
--momo-surface: var(--momo-bg-surface);
|
||
--momo-surface-raised: var(--momo-bg-elevated);
|
||
--momo-surface-sunken: var(--momo-bg-subtle);
|
||
--momo-surface-0: var(--momo-bg-surface);
|
||
--momo-surface-1: var(--momo-bg-paper);
|
||
--momo-surface-2: var(--momo-bg-elevated);
|
||
--momo-page-bg: var(--momo-bg-body);
|
||
--momo-bg-canvas: var(--momo-bg-body);
|
||
--momo-bg-paper: var(--momo-bg-surface);
|
||
--momo-bg-soft: var(--momo-page-accent-soft);
|
||
|
||
/* ── 文字色 ── */
|
||
--momo-text-strong: var(--momo-text-primary);
|
||
--momo-text-primary: var(--momo-ink);
|
||
--momo-text-secondary: var(--momo-ink-soft);
|
||
--momo-text-muted: var(--momo-text-secondary);
|
||
--momo-text-faint: var(--momo-text-tertiary);
|
||
--momo-ink-mute: var(--momo-text-tertiary);
|
||
--momo-ink-primary: var(--momo-text-primary);
|
||
--momo-ink-secondary: var(--momo-text-secondary);
|
||
--momo-ink-tertiary: var(--momo-text-tertiary);
|
||
|
||
/* ── 線條與陰影 ── */
|
||
--momo-rule: var(--momo-border-light);
|
||
--momo-border-subtle: var(--momo-border-light);
|
||
--momo-border: var(--momo-border-light);
|
||
--momo-shadow-card: var(--momo-shadow-md);
|
||
--momo-shadow-elev: var(--momo-shadow-lg);
|
||
--momo-shadow-soft: var(--momo-shadow-md);
|
||
--momo-shadow-deep: var(--momo-shadow-lg);
|
||
|
||
/* ── 互動文字 ── */
|
||
--momo-on-accent: var(--momo-page-inverse);
|
||
|
||
/* ── 舊頁 typography token ── */
|
||
--momo-font-heading: var(--momo-font-display);
|
||
--momo-font-body: var(--momo-font-family);
|
||
--momo-font-medium: var(--momo-font-weight-medium);
|
||
--momo-font-semibold: var(--momo-font-weight-semibold);
|
||
--momo-font-bold: var(--momo-font-weight-bold);
|
||
--momo-font-black: var(--momo-font-weight-black);
|
||
--momo-text-xs: var(--momo-text-label);
|
||
--momo-text-sm: var(--momo-text-body-sm);
|
||
--momo-text-md: var(--momo-text-body);
|
||
--momo-text-lg: var(--momo-text-title);
|
||
--momo-text-xl: var(--momo-text-headline);
|
||
--momo-text-2xl: var(--momo-text-display);
|
||
|
||
/* ── 舊頁 soft/deep 色票 ── */
|
||
--momo-accent-soft: var(--momo-page-accent-soft);
|
||
--momo-surface-2-soft: color-mix(in srgb, var(--momo-bg-elevated) 74%, transparent);
|
||
--momo-warm-ink-faint: var(--momo-border-strong);
|
||
--momo-warm-caramel-deep: var(--momo-page-accent-dark);
|
||
--momo-warm-mahogany-soft: var(--momo-warm-clay-soft);
|
||
--momo-warm-honey-deep: var(--momo-warning-text);
|
||
--momo-warm-olive-deep: var(--momo-success-text);
|
||
}
|