/* * Manufacturer Brand Themes for LandmarkLouie * Apply by setting data-theme="ford" (etc.) on . * Overrides design-tokens.css color variables — all other tokens unchanged. */ /* ── Ford ──────────────────────────────────────────────────────────────── */ :root[data-theme="ford"] { --color-gold: #003478; --color-gold-deep: #00245a; --color-gold-text: #003478; --gradient-gold: linear-gradient(135deg, #003478 0%, #00245a 100%); --color-sidebar: #001f4a; --color-bg: #f0f4fa; --color-gold-bright: #0051c8; --color-gold-standard: #003478; --color-gold-light: rgba(0,52,120,.12); --color-gold-bg: #ebf0fb; } /* ── Toyota ────────────────────────────────────────────────────────────── */ :root[data-theme="toyota"] { --color-gold: #cc0000; --color-gold-deep: #a00000; --color-gold-text: #a00000; --gradient-gold: linear-gradient(135deg, #cc0000 0%, #a00000 100%); --color-sidebar: #1a0000; --color-bg: #0a0f1e; --color-gold-bright: #ff2020; --color-gold-standard: #cc0000; --color-gold-light: rgba(204,0,0,.12); --color-gold-bg: #fff0f0; } /* ── Chevrolet ─────────────────────────────────────────────────────────── */ :root[data-theme="chevrolet"] { --color-gold: #c8a032; --color-gold-deep: #9a7820; --color-gold-text: #7a6010; --gradient-gold: linear-gradient(135deg, #c8a032 0%, #9a7820 100%); --color-sidebar: #111111; --color-bg: #fdf9ec; --color-gold-bright: #e8c040; --color-gold-standard: #c8a032; --color-gold-light: rgba(200,160,50,.12); --color-gold-bg: #fdf7e0; } /* ── Ram ───────────────────────────────────────────────────────────────── */ :root[data-theme="ram"] { --color-gold: #ba0c2f; --color-gold-deep: #8b0820; --color-gold-text: #8b0820; --gradient-gold: linear-gradient(135deg, #ba0c2f 0%, #8b0820 100%); --color-sidebar: #1a000a; --color-bg: #fff5f7; --color-gold-bright: #e00e38; --color-gold-standard: #ba0c2f; --color-gold-light: rgba(186,12,47,.12); --color-gold-bg: #fff0f2; } /* ── Honda ─────────────────────────────────────────────────────────────── */ :root[data-theme="honda"] { --color-gold: #003087; --color-gold-deep: #00204d; --color-gold-text: #003087; --gradient-gold: linear-gradient(135deg, #003087 0%, #00204d 100%); --color-sidebar: #001535; --color-bg: #f0f4fb; --color-gold-bright: #0050d8; --color-gold-standard: #003087; --color-gold-light: rgba(0,48,135,.12); --color-gold-bg: #ebf0fb; } /* ── Nissan ────────────────────────────────────────────────────────────── */ :root[data-theme="nissan"] { --color-gold: #aa0029; --color-gold-deep: #800020; --color-gold-text: #800020; --gradient-gold: linear-gradient(135deg, #aa0029 0%, #800020 100%); --color-sidebar: #1a0008; --color-bg: #fff5f7; --color-gold-bright: #d40033; --color-gold-standard: #aa0029; --color-gold-light: rgba(170,0,41,.12); --color-gold-bg: #fff0f3; } /* ── GMC ───────────────────────────────────────────────────────────────── */ :root[data-theme="gmc"] { --color-gold: #b22222; --color-gold-deep: #881818; --color-gold-text: #881818; --gradient-gold: linear-gradient(135deg, #b22222 0%, #881818 100%); --color-sidebar: #1a0000; --color-bg: #0a0f1e; --color-gold-bright: #d42828; --color-gold-standard: #b22222; --color-gold-light: rgba(178,34,34,.12); --color-gold-bg: #fff0f0; } /* ── Jeep ──────────────────────────────────────────────────────────────── */ :root[data-theme="jeep"] { --color-gold: #3e7b27; --color-gold-deep: #2a5518; --color-gold-text: #2a5518; --gradient-gold: linear-gradient(135deg, #3e7b27 0%, #2a5518 100%); --color-sidebar: #0f2a08; --color-bg: #f4faf1; --color-gold-bright: #5aaa38; --color-gold-standard: #3e7b27; --color-gold-light: rgba(62,123,39,.12); --color-gold-bg: #eef8e8; } /* ── Dodge ─────────────────────────────────────────────────────────────── */ :root[data-theme="dodge"] { --color-gold: #c84400; --color-gold-deep: #993300; --color-gold-text: #993300; --gradient-gold: linear-gradient(135deg, #c84400 0%, #993300 100%); --color-sidebar: #1a0a00; --color-bg: #fff8f2; --color-gold-bright: #ff5500; --color-gold-standard: #c84400; --color-gold-light: rgba(200,68,0,.12); --color-gold-bg: #fff3e8; } /* ── Subaru ────────────────────────────────────────────────────────────── */ :root[data-theme="subaru"] { --color-gold: #004890; --color-gold-deep: #002e5e; --color-gold-text: #004890; --gradient-gold: linear-gradient(135deg, #004890 0%, #002e5e 100%); --color-sidebar: #001835; --color-bg: #f0f5fc; --color-gold-bright: #0068d0; --color-gold-standard: #004890; --color-gold-light: rgba(0,72,144,.12); --color-gold-bg: #ebf2fc; } /* ── Hyundai ───────────────────────────────────────────────────────────── */ :root[data-theme="hyundai"] { --color-gold: #002c5f; --color-gold-deep: #001835; --color-gold-text: #002c5f; --gradient-gold: linear-gradient(135deg, #002c5f 0%, #001835 100%); --color-sidebar: #000e28; --color-bg: #f0f4fa; --color-gold-bright: #004898; --color-gold-standard: #002c5f; --color-gold-light: rgba(0,44,95,.12); --color-gold-bg: #ebf0fa; } /* ── Kia ───────────────────────────────────────────────────────────────── */ :root[data-theme="kia"] { --color-gold: #aa1025; --color-gold-deep: #800018; --color-gold-text: #800018; --gradient-gold: linear-gradient(135deg, #aa1025 0%, #800018 100%); --color-sidebar: #1a0008; --color-bg: #fff5f7; --color-gold-bright: #cc1830; --color-gold-standard: #aa1025; --color-gold-light: rgba(170,16,37,.12); --color-gold-bg: #fff0f3; } /* ── Volkswagen ────────────────────────────────────────────────────────── */ :root[data-theme="vw"] { --color-gold: #001e50; --color-gold-deep: #000e28; --color-gold-text: #001e50; --gradient-gold: linear-gradient(135deg, #001e50 0%, #000e28 100%); --color-sidebar: #000810; --color-bg: #f0f3fb; --color-gold-bright: #0032a0; --color-gold-standard: #001e50; --color-gold-light: rgba(0,30,80,.12); --color-gold-bg: #ebeffa; } /* ── BMW ───────────────────────────────────────────────────────────────── */ :root[data-theme="bmw"] { --color-gold: #1455a8; --color-gold-deep: #0d3b7a; --color-gold-text: #1455a8; --gradient-gold: linear-gradient(135deg, #1455a8 0%, #0d3b7a 100%); --color-sidebar: #06224a; --color-bg: #f0f5ff; --color-gold-bright: #2070d0; --color-gold-standard: #1455a8; --color-gold-light: rgba(20,85,168,.12); --color-gold-bg: #ebf2ff; } /* ── Mercedes-Benz ─────────────────────────────────────────────────────── */ :root[data-theme="mercedes"] { --color-gold: #404040; --color-gold-deep: #1a1a1a; --color-gold-text: #1a1a1a; --gradient-gold: linear-gradient(135deg, #404040 0%, #1a1a1a 100%); --color-sidebar: #0a0a0a; --color-bg: #0a0f1e; --color-gold-bright: #606060; --color-gold-standard: #404040; --color-gold-light: rgba(64,64,64,.12); --color-gold-bg: #0a0f1e; } /* ── Cadillac ──────────────────────────────────────────────────────────── */ :root[data-theme="cadillac"] { --color-gold: #8b7536; --color-gold-deep: #6a5828; --color-gold-text: #6a5828; --gradient-gold: linear-gradient(135deg, #8b7536 0%, #6a5828 100%); --color-sidebar: #1a1500; --color-bg: #fdf9ec; --color-gold-bright: #b09040; --color-gold-standard: #8b7536; --color-gold-light: rgba(139,117,54,.12); --color-gold-bg: #fdf7e0; } /* ── Buick ─────────────────────────────────────────────────────────────── */ :root[data-theme="buick"] { --color-gold: #2d4b8c; --color-gold-deep: #1e3260; --color-gold-text: #2d4b8c; --gradient-gold: linear-gradient(135deg, #2d4b8c 0%, #1e3260 100%); --color-sidebar: #101a38; --color-bg: #f2f5fc; --color-gold-bright: #4060b0; --color-gold-standard: #2d4b8c; --color-gold-light: rgba(45,75,140,.12); --color-gold-bg: #ebf0fa; } /* ── Chrysler ──────────────────────────────────────────────────────────── */ :root[data-theme="chrysler"] { --color-gold: #1b3a6b; --color-gold-deep: #0d2040; --color-gold-text: #1b3a6b; --gradient-gold: linear-gradient(135deg, #1b3a6b 0%, #0d2040 100%); --color-sidebar: #060f20; --color-bg: #f0f3fa; --color-gold-bright: #2850a0; --color-gold-standard: #1b3a6b; --color-gold-light: rgba(27,58,107,.12); --color-gold-bg: #ebf0fa; } /* ── Stellantis ────────────────────────────────────────────────────────── */ :root[data-theme="stellantis"] { --color-gold: #5c4033; --color-gold-deep: #3a2820; --color-gold-text: #3a2820; --gradient-gold: linear-gradient(135deg, #5c4033 0%, #3a2820 100%); --color-sidebar: #1a100c; --color-bg: #faf6f3; --color-gold-bright: #7a5548; --color-gold-standard: #5c4033; --color-gold-light: rgba(92,64,51,.12); --color-gold-bg: #f8f0ec; } /* ── Multi-Brand / Independent ─────────────────────────────────────────── */ :root[data-theme="independent"] { --color-gold: #2c6e49; --color-gold-deep: #1a4a30; --color-gold-text: #1a4a30; --gradient-gold: linear-gradient(135deg, #2c6e49 0%, #1a4a30 100%); --color-sidebar: #0c2018; --color-bg: #f3faf5; --color-gold-bright: #3d9060; --color-gold-standard: #2c6e49; --color-gold-light: rgba(44,110,73,.12); --color-gold-bg: #edf7f1; }