/* ───────────────────────────────────────────── Design tokens — the single source of visual truth. Re-theme the whole site by editing this file only. Direction: "The Working Library" — TIRANGA edition: chakra-navy ground, saffron foil, cream paper, india-green accents, oxblood wax. (Variable names keep their legacy ledger/gold names so the component layer needs no edits.) ───────────────────────────────────────────── */ :root { /* Palette — the Indian flag, deepened for cloth */ --ledger-green: #122A5C; /* chakra navy cloth */ --ledger-green-deep: #0A1B41; /* navy, deeper */ --ledger-green-soft: #1C3A78; /* navy, lifted */ --gold-foil: #E8912D; /* saffron foil */ --gold-foil-bright: #FFB666; /* saffron, bright */ --india-green: #1E7A43; /* the flag's green */ --paper: #F5F0E1; --paper-shade: #EBE4D0; --oxblood: #7A2E2E; --ink: #1C1A16; --ink-soft: #4A463D; /* Pastel tiranga — the flag, in silk */ --tiranga-saffron: #EFAF7E; --tiranga-cream: #F7F1DF; --tiranga-green: #9DC3A2; --tiranga-navy: #7E93B8; /* Semantic assignments */ --bg-shelf: var(--ledger-green); --bg-shelf-deep: var(--ledger-green-deep); --bg-desk: var(--paper); --text-on-shelf: #EDE7D3; --text-on-shelf-dim: #A9B6D0; --text-on-desk: var(--ink); --text-on-desk-dim: var(--ink-soft); --accent: var(--gold-foil); --accent-bright: var(--gold-foil-bright); --rule-on-shelf: rgba(232, 145, 45, 0.30); --rule-on-desk: rgba(28, 26, 22, 0.16); /* Type */ --font-display: "Fraunces", "Georgia", serif; --font-body: "Newsreader", "Georgia", serif; --font-mono: "IBM Plex Mono", "Menlo", monospace; /* Type scale (fluid) */ --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.875rem); --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem); --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem); --step-3: clamp(2.1rem, 1.7rem + 2vw, 3.4rem); --step-4: clamp(2.8rem, 2.1rem + 3.5vw, 5rem); /* Space */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 1rem; --space-4: 1.75rem; --space-5: 3rem; --space-6: 5rem; --space-7: 8rem; /* Layout */ --measure: 62ch; --content-max: 1180px; --gutter: clamp(1.25rem, 4vw, 3.5rem); /* Book spines */ --spine-h-tall: 188px; --spine-h-mid: 176px; --spine-h-short: 166px; --spine-w: 48px; --spine-w-wide: 56px; --shelf-board: #061230; /* Motion */ --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --dur-quick: 180ms; --dur-slow: 420ms; /* Focus */ --focus-ring: 2px solid var(--gold-foil); } /* ─── Page-colour options (theme-pick dots in the header) ─── data-theme on : "" = navy tiranga (defaults above), "pastel" = the flag in pastel, "green" = the original ledger. */ :root[data-theme="pastel"] { --ledger-green: #E9EEF8; /* pastel chakra-blue page */ --ledger-green-deep: #DAE2F1; --ledger-green-soft: #F3F6FC; --gold-foil: #C9721F; /* saffron, deepened for light ground */ --gold-foil-bright: #A85A12; --text-on-shelf: #26324E; --text-on-shelf-dim: #5C6B8C; --rule-on-shelf: rgba(38, 50, 78, 0.24); --shelf-board: #C3CFE6; } /* "baccara" — Rose Black Baccara: the near-black velvet burgundy of the Black Baccara rose, lifted by a luminous rose accent. */ :root[data-theme="baccara"] { --ledger-green: #2A0A14; /* black-baccara wine */ --ledger-green-deep: #17050C; --ledger-green-soft: #4A1524; --gold-foil: #CC4E6A; /* rose accent */ --gold-foil-bright: #E87E97; --india-green: #9E5A6A; /* dusty rose (category accents) */ --paper: #F7EEF0; /* blush white */ --paper-shade: #ECDEE1; --oxblood: #7A2233; --ink: #1E1013; --ink-soft: #574349; --text-on-shelf: #F1E2E6; --text-on-shelf-dim: #C6A0AC; --rule-on-shelf: rgba(204, 78, 106, 0.30); --rule-on-desk: rgba(30, 16, 19, 0.14); --shelf-board: #120409; } /* "emerald" — Iridescent Emerald: rich emerald grounds with a luminous mint-emerald accent (the iridescence lives in the bright accent + heading gradient). The site's default look. */ :root[data-theme="emerald"] { --ledger-green: #0A4A38; /* emerald cloth */ --ledger-green-deep: #063528; --ledger-green-soft: #12674E; --gold-foil: #2FD8A6; /* iridescent mint-emerald accent */ --gold-foil-bright: #5FF0C2; --india-green: #1E9E5F; --paper: #F0F6F2; /* cool mint-white */ --paper-shade: #E1EDE6; --oxblood: #7A2E2E; --ink: #0E1F18; --ink-soft: #445048; --text-on-shelf: #E7F4EE; --text-on-shelf-dim: #8FBCA9; --rule-on-shelf: rgba(47, 216, 166, 0.30); --rule-on-desk: rgba(14, 31, 24, 0.14); --shelf-board: #04231A; } /* "pro" — a sober, professional direction: slate-ink grounds, warm parchment, a single muted-brass accent (no bright saffron glow). Preview at ?theme=pro. */ :root[data-theme="pro"] { --ledger-green: #1A2530; /* slate ink ground */ --ledger-green-deep: #121A23; --ledger-green-soft: #26333F; --gold-foil: #B08A46; /* muted brass, used sparingly */ --gold-foil-bright: #CBA55E; --india-green: #4A6B58; /* muted sage */ --paper: #FAF7F0; /* warm parchment */ --paper-shade: #EFEADD; --oxblood: #6B3330; --ink: #1E232A; --ink-soft: #565E68; --text-on-shelf: #E7E3D9; --text-on-shelf-dim: #97A2AE; /* cool grey, not periwinkle */ --rule-on-shelf: rgba(176, 138, 70, 0.22); --rule-on-desk: rgba(30, 35, 42, 0.14); --shelf-board: #0C131B; } :root[data-theme="green"] { --ledger-green: #0E3B2E; --ledger-green-deep: #092B21; --ledger-green-soft: #16493A; --gold-foil: #C9A227; --gold-foil-bright: #E4CE8F; --text-on-shelf: #E9E2CC; --text-on-shelf-dim: #A9BCB0; --rule-on-shelf: rgba(201, 162, 39, 0.28); --shelf-board: #071F18; }