/* TradeLedger design tokens — from design_handoff_tradeledger/README.md. Dark is the default; light theme applies via .lt on . */ :root { /* dark theme (default) */ --bg: #121410; --panel: #191d18; --border: #2a2f28; --border2: #20251f; --text: #e9ece4; --dim: #98a092; --hdr: #161a15; --pos: #6fce8f; --neg: #f08578; --amb: #e0b464; --accent: #6fce8f; --input: #14170f; --chipsel: #1c2b1e; --calout: #101208; /* paper slips — same in both themes */ --paper: #f6f0e1; --ink: #2b2723; --inkmut: #8c8272; --stamp: #1d7a3e; --slipshadow: 0 5px 14px rgba(0, 0, 0, .35); /* sector colors — same in both themes */ --sec-energy: #d96f52; --sec-fixedincome: #3f9d6d; --sec-equities: #c9962f; --sec-fx: #5b84c9; --sec-livestock: #9a6cc0; --sec-metals: #8899a6; --sec-grains: #7d9a3f; --sec-softs: #c05a8e; /* radii */ --r-panel: 10px; --r-chip: 5px; --r-input: 6px; /* fonts */ --f-ui: 'Archivo', sans-serif; --f-mono: 'Spline Sans Mono', monospace; --f-serif: 'Newsreader', serif; } html.lt { --bg: #f7f5f0; --panel: #fff; --border: #ddd8cb; --border2: #eae5d8; --text: #20241f; --dim: #8c887c; --hdr: #f2efe7; --pos: #2c6e4f; --neg: #b0432f; --amb: #a87b1f; --accent: #2c6e4f; --input: #fff; --chipsel: #e6efe6; --calout: #efece3; }