/* * theme-orange.css — Orange brand tokens * * Load order in : * 1. bootstrap.min.css * 2. THIS FILE * 3. main.css * 4. header.css */ /* ── Light mode ── */ :root, [data-bs-theme="light"] { --theme-hsl: 15, 80%, 55%; /* #D66338 */ --theme-hover-hsl: 15, 80%, 45%; /* #B84E25 */ --theme-rgb: 214, 99, 56; --bs-primary-rgb: 214, 99, 56; --bs-link-color-rgb: 214, 99, 56; --bs-link-hover-color-rgb: 184, 78, 37; --info-hsl: 200, 75%, 55%; /* #37A0D6 */ --bs-info-rgb: 55, 160, 214; --bs-body-bg: hsl(40, 20%, 97%); /* #F8F6F3 */ --bs-body-bg-rgb: 248, 246, 243; --bs-secondary-bg: hsl(40, 20%, 89%); /* #EAE6DD */ --bs-secondary-bg-rgb: 233, 229, 221; --bs-tertiary-bg: hsl(40, 15%, 95%); /* #F3F1EC */ --bs-tertiary-bg-rgb: 243, 241, 236; --bs-border-color: hsl(40, 12%, 85%); /* #DAD5CC */ --bs-card-bg: hsl(40, 15%, 95%); /* #F3F1EC */ --bs-card-cap-bg: hsl(40, 10%, 92%); /* #E8E5DF */ --body-bg-inverse: hsl(225, 25%, 6%); } /* ── Dark mode ── */ .dark, [data-bs-theme="dark"] { --theme-hover-hsl: 15, 80%, 65%; /* lighter on dark bg */ --bs-link-hover-color-rgb: 228, 134, 95; --bs-body-bg: hsl(225, 25%, 6%); /* #0C0D13 */ --bs-body-bg-rgb: 12, 13, 19; --bs-secondary-bg: hsl(35, 20%, 14%); /* #242019 */ --bs-secondary-bg-rgb: 43, 37, 29; --bs-tertiary-bg: hsl(225, 20%, 10%); /* #16181F */ --bs-tertiary-bg-rgb: 22, 24, 31; --bs-border-color: hsl(225, 15%, 18%); /* #282B36 */ --bs-border-color-translucent: hsla(225, 15%, 18%, 0.75); --bs-card-bg: hsl(225, 20%, 10%); /* #16181F */ --bs-card-cap-bg: hsl(225, 15%, 15%); /* #21232C */ --body-bg-inverse: hsl(40, 20%, 97%); --code-bg: hsl(225, 25%, 8%); }