71 lines
2.1 KiB
CSS
71 lines
2.1 KiB
CSS
/* 甄房业务系统 · 设计令牌 v1.1（定稿 2026-09-19）
|
||
* 色彩体系：SAP Fiori Morning Horizon（官方实测值）
|
||
* 引入顺序：本文件应在项目根样式之前引入
|
||
* 规则：界面实现一律使用 var(--zf-*) ，禁止直接写十六进制色值
|
||
* 来源：@sap-theming/theming-base-content → sap_horizon/css_variables.css
|
||
*/
|
||
:root {
|
||
/* ── 品牌层 ── */
|
||
--zf-brand-ink: #0C2340;
|
||
--zf-brand-ink-deep: #071527;
|
||
--zf-brand-gold: #C6A15B;
|
||
--zf-brand-gold-soft: #E3CB99;
|
||
|
||
/* ── 交互层 ── */
|
||
--zf-primary: #0070F2;
|
||
--zf-primary-hover: #0064D9;
|
||
--zf-primary-active-bg: #FFFFFF;
|
||
--zf-primary-active-ink: #0064D9;
|
||
--zf-link: #0064D9;
|
||
|
||
/* ── 表面层 ── */
|
||
--zf-bg-base: #FFFFFF;
|
||
--zf-bg-sub: #F5F6F7;
|
||
--zf-bg-hover: #EAECEE;
|
||
--zf-bg-active: #DEE2E5;
|
||
--zf-bg-selected: #EBF8FF;
|
||
|
||
/* ── 边框 ── */
|
||
--zf-border: #E5E5E5;
|
||
--zf-border-field: #556B81;
|
||
--zf-border-strong: #758CA4;
|
||
|
||
/* ── 文字 ── */
|
||
--zf-text-1: #131E29;
|
||
--zf-text-2: #556B82;
|
||
--zf-text-3: #5F7590;
|
||
--zf-text-placeholder: #5F7590;
|
||
--zf-text-inverse: #FFFFFF;
|
||
--zf-text-inverse-2: #BBC1CA;
|
||
|
||
/* ── 语义色 ── */
|
||
--zf-success: #256F3A;
|
||
--zf-error: #AA0808;
|
||
--zf-warning: #E76500;
|
||
--zf-info: #0070F2;
|
||
--zf-neutral: #788FA6;
|
||
|
||
/* ── 形状与层级 ── */
|
||
--zf-radius-s: 4px;
|
||
--zf-radius: 8px;
|
||
--zf-radius-l: 12px;
|
||
--zf-radius-tile: 16px;
|
||
--zf-radius-pill: 999px;
|
||
--zf-shadow-1: 0 1px 2px rgba(34,53,72,.08);
|
||
--zf-shadow-2: 0 2px 8px rgba(34,53,72,.12);
|
||
|
||
/* ── 字号（官方 rem 值，根字号 16px）── */
|
||
--zf-fs-caption: 11px;
|
||
--zf-fs-body-s: 12px;
|
||
--zf-fs-body: 14px;
|
||
--zf-fs-title-s: 16px;
|
||
--zf-fs-title: 20px;
|
||
--zf-fs-display: 24px;
|
||
|
||
/* ── 间距（4pt 基数）── */
|
||
--zf-sp-1: 4px; --zf-sp-2: 8px; --zf-sp-3: 12px; --zf-sp-4: 16px; --zf-sp-5: 20px; --zf-sp-6: 24px; --zf-sp-7: 32px; --zf-sp-8: 40px;
|
||
|
||
/* ── 字族 ── */
|
||
--zf-font: "72", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
|
||
}
|