/* =========================================================== Riitti — design tokens Shared by the landing page (styles.css) and the app (app/app.css) so both stay one visual language. Change a colour here, both move. Two palettes ship: "dark" (default) and "linen". Switch by setting data-palette="linen" on . =========================================================== */ :root { /* Dark Ritual (default) */ --bg: #0e0b08; --bg-2: #15110c; --bg-3: #1c170f; --ink: #EEE1E0; --ink-soft: #b9ad94; --ink-mute: #7a705e; --rule: #2a2218; --accent: #C2858C; /* dusty rose */ --accent-2: #efe4cb; /* cream card */ --accent-ink:#2a1206; --grain: 0.09; --serif: 'Cormorant Garamond', 'EB Garamond', Garamond, serif; --sans: 'Futura', 'Futura PT', 'Jost', 'Avenir Next', system-ui, sans-serif; } [data-palette="linen"] { --bg: #efe7d8; --bg-2: #e7ddca; --bg-3: #ddd0b6; --ink: #211a13; --ink-soft: #4d4234; --ink-mute: #8a7c64; --rule: #cdbfa3; --accent: #7a3f1f; /* burnt sienna */ --accent-2: #2a1f12; --accent-ink:#efe7d8; --grain: 0.06; }