:root{ --color-bg: #ffffff; --color-surface: #fbfaf7; --color-ink: #2b2620; --color-ink-muted: rgba(43, 38, 32, 0.62); --color-cream: #f2ede4; --color-cream-soft: rgba(242, 237, 228, 0.7); --color-cream-muted: rgba(242, 237, 228, 0.55); --color-cream-faint: rgba(242, 237, 228, 0.4); --color-gold: #c9a227; --color-gold-soft: rgba(201, 162, 39, 0.35); --color-border: rgba(43, 38, 32, 0.12); --color-border-hover: rgba(43, 38, 32, 0.22); --color-black: #000; --color-white: #fff; --color-veil: #1a1613; --color-shelf-rail: #14110d; --color-hero-veil-rgb: 10, 10, 15; --color-danger: #f87171; --color-info: #93c5fd; --color-success: #4ade80; }