/* LCG Freight — brand tokens. Drop in and use the CSS custom properties. Loads Poppins as the web fallback for Qanelas Soft (commercial, not web-safe). */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap'); :root { /* Primary greens */ --lcg-lime: #40A671; --lcg-moss: #0C6C3A; --lcg-forrest: #014421; /* Neutrals */ --lcg-ink: #231F20; /* brand near-black — use instead of pure black */ --lcg-gray-1: #58595B; --lcg-gray-2: #808285; --lcg-gray-3: #BCBEC0; --lcg-white: #FFFFFF; /* Accent — gold (sparingly) */ --lcg-gold: #FFD858; --lcg-gold-dark: #E5B422; /* Functional (non-brand) — for error/destructive UI only */ --lcg-danger: #DC2626; /* Semantic tokens (use these in app code) */ --lcg-primary: var(--lcg-moss); --lcg-primary-hover: var(--lcg-forrest); --lcg-accent: var(--lcg-lime); --lcg-bg: var(--lcg-white); --lcg-surface: #F4F6F5; --lcg-text: var(--lcg-ink); --lcg-text-muted: var(--lcg-gray-1); --lcg-border: var(--lcg-gray-3); /* Type */ --lcg-font-sans: 'Qanelas Soft','Poppins','Segoe UI',system-ui,-apple-system,sans-serif; --lcg-font-serif: 'Cambria','Georgia','Times New Roman',serif; } /* Dark mode: add the `lcg-dark` class (or `dark`) to . Ink surface, white text. */ .lcg-dark, .dark { --lcg-primary: var(--lcg-lime); --lcg-primary-hover: var(--lcg-moss); --lcg-bg: var(--lcg-ink); --lcg-surface: #2C2829; --lcg-text: var(--lcg-white); --lcg-text-muted: var(--lcg-gray-3); --lcg-border: #3A3637; }