/* ============================================================ CMT Console — design tokens (warm minimalism) Themes are driven by data-theme on (set in app.js). ============================================================ */ :root { color-scheme: light; /* surfaces (warm paper, not cold SaaS gray) */ --bg: #F4EFE7; --surface: #FAF6EF; --card: #FFFFFF; --card-2: #F4EEE4; /* ink */ --text: #2B2724; --muted: #8A8073; --faint: #B4A995; --border: #E8E0D3; --border-strong: #D9CEBC; /* one confident accent — clay / terracotta */ --accent: #C0552F; --accent-strong: #A8481F; --accent-soft: #F3E4DA; --on-accent: #FFF7F2; /* restrained secondary signals */ --success: #4E7C59; --success-soft: #E5EDE3; --teal: #2F7E7A; --amber: #B67A1E; --amber-soft: #F3E7CE; --danger: #A23B2E; /* per-source dots (subtle, one hue each) */ --src-reddit: #C0552F; --src-discord: #5B60C4; --src-jira: #3B6FB0; --src-facebook: #3E6FA8; --shadow-sm: 0 1px 2px rgba(43, 39, 36, .05), 0 1px 3px rgba(43, 39, 36, .05); --shadow-md: 0 6px 20px rgba(43, 39, 36, .10); --shadow-pop: 0 16px 48px rgba(43, 39, 36, .22); --r-card: 12px; --r-ctrl: 9px; --r-pill: 999px; --ease: cubic-bezier(.2, .6, .2, 1); --dur: 180ms; --font-display: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; --font-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-mono: ui-monospace, "Cascadia Code", "Cascadia Mono", Consolas, monospace; --rail-w: 78px; --topbar-h: 58px; } [data-theme="dark"] { color-scheme: dark; --bg: #1A1714; --surface: #221E1A; --card: #2A251F; --card-2: #322B24; --text: #ECE6DD; --muted: #9A8F80; --faint: #6F665A; --border: #332D25; --border-strong: #45392E; --accent: #E0764C; --accent-strong: #EF8A63; --accent-soft: #3A2A21; --on-accent: #1A1310; --success: #7FB08A; --success-soft: #262F29; --teal: #5FB3AE; --amber: #D6A24E; --amber-soft: #33291B; --danger: #E28472; --src-reddit: #E0764C; --src-discord: #8E93E8; --src-jira: #7FA8DD; --src-facebook: #82A9D8; --shadow-sm: 0 1px 2px rgba(0, 0, 0, .32); --shadow-md: 0 6px 22px rgba(0, 0, 0, .42); --shadow-pop: 0 18px 52px rgba(0, 0, 0, .58); }