/* ═══════════════════════════════════════════════════════════ * 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); }