112 lines
3.3 KiB
CSS
112 lines
3.3 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');
|
|
|
|
:root {
|
|
/* Core surfaces */
|
|
--bg: #101419;
|
|
--surface: #171D25;
|
|
--surface-raised:#202835;
|
|
--surface-head: #202835;
|
|
--surface-sunk: #0D1116;
|
|
--surface-2: #202835;
|
|
--field: #1D2530;
|
|
--field-alt: #26313E;
|
|
--panel: #171D25;
|
|
--panel-hover: #202835;
|
|
|
|
/* ---- borders / dividers ---- */
|
|
--border: #2B3542;
|
|
--border-strong: #3A4655;
|
|
--border-hi: #505D6E;
|
|
--divider: #25303B;
|
|
--slash: #3A4655;
|
|
|
|
/* ---- text ---- */
|
|
--text: #F2F0ED;
|
|
--text-strong: #F2F0ED;
|
|
--text-body: #C7CED8;
|
|
--text-2: #C7CED8;
|
|
--num: #A1ACBA;
|
|
--muted: #9AA5B4;
|
|
--muted-2: #8793A3;
|
|
--faint: #6E7A8A;
|
|
--faint-2: #647080;
|
|
--faintest: #576272;
|
|
--faintest-2: #4B5666;
|
|
|
|
/* Brand accent — muted purple */
|
|
--accent: #9B8FE3;
|
|
--accent-ink: #0d0b18;
|
|
--accent-tint: #211D36;
|
|
--accent-chip: #292442;
|
|
--accent-chip-bd:#4D4581;
|
|
--accent-a22: rgba(155,143,227,0.22);
|
|
--accent-a30: rgba(155,143,227,0.30);
|
|
|
|
/* Secondary accent — teal */
|
|
--accent2: #35C6B8;
|
|
--accent2-ink: #04211e;
|
|
--accent2-tint: rgba(53,198,184,0.12);
|
|
--accent2-tint-bd:rgba(53,198,184,0.34);
|
|
|
|
/* Tertiary accent — azure */
|
|
--accent3: #5AA2F5;
|
|
--accent3-ink: #041427;
|
|
--accent3-tint: rgba(90,162,245,0.12);
|
|
--accent3-tint-bd:rgba(90,162,245,0.34);
|
|
|
|
/* ---- semantic: poker value scale ---- */
|
|
--pos: #58D18E;
|
|
--pos-bar: #379562;
|
|
--pos-tint: rgba(88,209,142,0.12);
|
|
--pos-tint-bd: rgba(88,209,142,0.30);
|
|
--neg: #F06F7A;
|
|
--neg-bar: #AC4550;
|
|
--neg-tint: rgba(240,111,122,0.12);
|
|
--neg-tint-bd: rgba(240,111,122,0.30);
|
|
--owes: #F06F7A;
|
|
--owes-tint: rgba(240,111,122,0.14);
|
|
--owes-tint-bd: rgba(240,111,122,0.34);
|
|
|
|
/* ---- semantic: cash-movement hues ---- */
|
|
--warn: #E0B85C;
|
|
--warn-tint: rgba(224,184,92,0.12);
|
|
--warn-tint-bd: rgba(224,184,92,0.30);
|
|
--rolled: #8FA4BB;
|
|
|
|
/* ---- medals ---- */
|
|
--rank-1: var(--accent);
|
|
--rank-2: var(--accent2);
|
|
--rank-3: var(--accent3);
|
|
|
|
/* ---- chart line palette (top-N order) ---- */
|
|
--line-1: #9B8FE3; --line-2: #58D18E; --line-3: #E0B85C;
|
|
--line-4: #F06F7A; --line-5: #8FA4BB;
|
|
|
|
/* Elevation */
|
|
--shadow-sm: 0 1px 3px rgba(0,0,0,.38);
|
|
--shadow-md: 0 2px 10px rgba(0,0,0,.42), 0 1px 3px rgba(0,0,0,.28);
|
|
--shadow-lg: 0 8px 28px rgba(0,0,0,.46), 0 2px 8px rgba(0,0,0,.28);
|
|
--shadow-xl: 0 18px 48px rgba(0,0,0,.54), 0 4px 16px rgba(0,0,0,.32);
|
|
|
|
/* ---- glass panel effect ---- */
|
|
--glass-border: 1px solid var(--border);
|
|
--glass-bg: transparent;
|
|
|
|
/* ---- spacing scale (4pt) ---- */
|
|
--s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
|
|
--s6:24px; --s8:32px; --s10:40px; --s12:48px;
|
|
|
|
/* ---- radii — industrial, minimal rounding ---- */
|
|
--r-pill:4px; --r-sm:4px; --r-md:5px; --r-lg:6px;
|
|
|
|
/* ---- containers ---- */
|
|
--w-public:1320px;
|
|
--w-session:1440px;
|
|
--w-admin:1580px;
|
|
--gutter: clamp(16px, 4vw, 40px);
|
|
|
|
/* ---- Chart.js backward compat (read as raw strings by JS) ---- */
|
|
--text-muted: #9AA5B4;
|
|
--line: #2B3542;
|
|
}
|