/* CueRanks Player Site styles.css */ /* Brand tokens */ :root { --felt-deep: #012015; --felt-base: #024027; --felt-mid: #036037; --felt-bright: #0A8650; --felt-glow: #22D584; /* primary green accent (replaces yellow) */ --felt-glow-soft: #5BE39E; --felt-glow-dark: #138554; --ink: #F2F7F4; --ink-muted: #B5C6BB; --ink-soft: #92A39A; --ink-on-bright: #042617; --line: rgba(255, 255, 255, 0.10); --line-strong: rgba(255, 255, 255, 0.18); --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.35); --shadow-card: 0 10px 28px rgba(0, 0, 0, 0.45); --radius-card: 18px; --radius-pill: 999px; --radius-btn: 12px; --paper: #f5f3ee; --paper-ink: #0a0a0a; --paper-ink-soft: #4a4a4a; --paper-green: #0b6e3a; --paper-green-deep: #074d27; } /* Reset / base */ *, *::before, *::after { box-sizing: border-box; } /* Anti-FOUT: while web fonts are still fetching, the inline