/* ── Theme tokens ────────────────────────────────────────────────────────── Themes available in the picker: ww, modern, tiger, oriole, raven Additional token blocks (not in picker): celtic-light / celtic-dark Applied via [data-theme="..."] on . Default theme is set by DEPLOY_THEME in js/theme.js. ww-light = tiger-light values (warm off-white + Clemson Orange) ww-dark = tiger-dark values (charcoal + Clemson Orange) ww-high-contrast = oriole-dark values (near-black + Orioles Orange) ────────────────────────────────────────────────────────────────────────── */ [data-theme="ww-light"] { --bg: #F5F0E8; /* warm off-white (= tiger-light) */ --bg-secondary: #ECE8F0; --bg-card: #ECE8F0; --fg: #1A1210; /* dark warm brown */ --fg-muted: rgba(26, 18, 16, 0.55); --accent: #F66733; /* Clemson Orange */ --rule: #D9CFC7; --logo-variant: "ww-light"; /* nav */ --nav-bg: #F5F0E8; --nav-border: rgba(26, 18, 16, 0.12); /* button/CTA */ --btn-bg: #F66733; --btn-fg: #FFFFFF; --btn-hover-bg: #F87845; } [data-theme="ww-dark"] { --bg: #333333; /* College Avenue charcoal (= tiger-dark) */ --bg-secondary: #404040; --bg-card: #404040; --fg: #FFFFFF; --fg-muted: #E8E0F0; --accent: #F66733; /* Clemson Orange */ --rule: #4A4A4A; --logo-variant: "ww-dark"; /* nav */ --nav-bg: #333333; --nav-border: #4A4A4A; /* button/CTA */ --btn-bg: #F66733; --btn-fg: #FFFFFF; --btn-hover-bg: #F87845; } [data-theme="ww-high-contrast"] { --bg: #0D0D0D; /* near-black (= oriole-dark) */ --bg-secondary: #1C1C1C; --bg-card: #1C1C1C; --fg: #FFFFFF; --fg-muted: #CCCCCC; --accent: #DF4601; /* Orioles Orange */ --rule: #2A2A2A; --logo-variant: "ww-high-contrast"; /* nav */ --nav-bg: #0D0D0D; --nav-border: #2A2A2A; /* button/CTA */ --btn-bg: #DF4601; --btn-fg: #FFFFFF; --btn-hover-bg: #E85A10; } [data-theme="celtic-light"] { --bg: #F5F0E6; /* warm parchment */ --bg-secondary: #FDFCF9; --bg-card: #FDFCF9; --fg: #1A1F3A; /* dark navy */ --fg-muted: rgba(26, 31, 58, 0.55); --accent: #C94535; /* celtic knot coral */ --rule: #DDD4C5; --logo-variant: "celtic-light"; /* nav */ --nav-bg: #F5F0E6; --nav-border: rgba(26, 31, 58, 0.12); /* button/CTA */ --btn-bg: #C94535; --btn-fg: #FDFCF9; --btn-hover-bg: #D45040; } [data-theme="celtic-dark"] { --bg: #14172B; /* dark navy */ --bg-secondary: #1D2035; --bg-card: #1D2035; --fg: #DDD8D2; /* warm off-white */ --fg-muted: rgba(181, 170, 158, 0.7); --accent: #C94535; /* coral/orange knot */ --rule: #21243C; --logo-variant: "celtic-dark"; /* nav */ --nav-bg: #14172B; --nav-border: #21243C; /* button/CTA */ --btn-bg: #C94535; --btn-fg: #DDD8D2; --btn-hover-bg: #D45040; } [data-theme="modern-light"] { --bg: #F8F7F5; /* warm off-white */ --bg-secondary: #EEECEA; --bg-card: #EEECEA; --fg: #0D0F1A; /* deep navy-black */ --fg-muted: rgba(13, 15, 26, 0.55); --accent: #C94535; /* orange */ --rule: #D8D5D1; --logo-variant: "modern-light"; /* nav */ --nav-bg: #F8F7F5; --nav-border: rgba(13, 15, 26, 0.12); /* button/CTA */ --btn-bg: #C94535; --btn-fg: #F8F7F5; --btn-hover-bg: #D45040; } [data-theme="modern-dark"] { --bg: #0D0F1A; /* deep navy-black */ --bg-secondary: #141828; --bg-card: #141828; --fg: #F0EFED; /* near-white */ --fg-muted: #9092A4; /* light grey body */ --accent: #C94535; /* orange (matches celtic knot) */ --rule: #1C1F35; --logo-variant: "modern-dark"; /* nav */ --nav-bg: #0D0F1A; --nav-border: #1C1F35; /* button/CTA */ --btn-bg: #C94535; --btn-fg: #F0EFED; --btn-hover-bg: #D45040; } [data-theme="tiger-light"] { --bg: #F5F0E8; /* warm off-white */ --bg-secondary: #ECE8F0; /* light purple tint */ --bg-card: #ECE8F0; --fg: #1A1210; /* dark warm brown */ --fg-muted: rgba(26, 18, 16, 0.55); --accent: #F66733; /* Clemson Orange (PMS 158 C) */ --rule: #D9CFC7; --nav-wordmark-fg: #522D80; /* Clemson Purple — WEFT & WHETSTONE header words */ --logo-variant: "tiger-light"; /* nav */ --nav-bg: #F5F0E8; --nav-border: rgba(26, 18, 16, 0.12); /* button/CTA */ --btn-bg: #F66733; --btn-fg: #FFFFFF; --btn-hover-bg: #F87845; } [data-theme="tiger-dark"] { --bg: #333333; /* College Avenue (Clemson charcoal) */ --bg-secondary: #404040; --bg-card: #404040; --fg: #FFFFFF; /* white */ --fg-muted: #E8E0F0; /* off-white lavender */ --accent: #F66733; /* Clemson Orange (PMS 158 C) */ --rule: #4A4A4A; --logo-variant: "tiger-dark"; /* nav */ --nav-bg: #333333; --nav-border: #4A4A4A; /* button/CTA */ --btn-bg: #F66733; --btn-fg: #FFFFFF; --btn-hover-bg: #F87845; } [data-theme="oriole-light"] { --bg: #FFF5EE; /* warm white */ --bg-secondary: #FFE4CC; --bg-card: #FFE4CC; --fg: #1A0800; /* dark warm brown */ --fg-muted: rgba(26, 8, 0, 0.55); --accent: #DF4601; /* Orioles Orange */ --rule: #F0C8A8; --logo-variant: "oriole-light"; /* nav */ --nav-bg: #FFF5EE; --nav-border: rgba(26, 8, 0, 0.12); /* button/CTA */ --btn-bg: #DF4601; --btn-fg: #FFFFFF; --btn-hover-bg: #E85A10; } [data-theme="oriole-dark"] { --bg: #0D0D0D; /* near-black (team black) */ --bg-secondary: #1C1C1C; --bg-card: #1C1C1C; --fg: #FFFFFF; --fg-muted: #CCCCCC; --accent: #DF4601; /* Orioles Orange */ --rule: #2A2A2A; --logo-variant: "oriole-dark"; /* nav */ --nav-bg: #0D0D0D; --nav-border: #2A2A2A; /* button/CTA */ --btn-bg: #DF4601; --btn-fg: #FFFFFF; --btn-hover-bg: #E85A10; } [data-theme="raven-light"] { --bg: #F0ECF9; /* light lavender */ --bg-secondary: #E0D6F5; --bg-card: #E0D6F5; --fg: #1A0A3A; /* dark purple */ --fg-muted: rgba(26, 10, 58, 0.55); --accent: #9E7C0C; /* Metallic Gold */ --rule: #C8B8E8; --logo-variant: "raven-light"; /* nav */ --nav-bg: #F0ECF9; --nav-border: rgba(26, 10, 58, 0.12); /* button/CTA */ --btn-bg: #9E7C0C; --btn-fg: #FFFFFF; --btn-hover-bg: #B08C14; } [data-theme="raven-dark"] { --bg: #241773; /* Ravens Purple */ --bg-secondary: #2D1F80; --bg-card: #2D1F80; --fg: #FFFFFF; --fg-muted: #C8C0E0; /* light lavender */ --accent: #9E7C0C; /* Metallic Gold */ --rule: #3A2A90; --logo-variant: "raven-dark"; /* nav */ --nav-bg: #241773; --nav-border: #3A2A90; /* button/CTA */ --btn-bg: #9E7C0C; --btn-fg: #FFFFFF; --btn-hover-bg: #B08C14; }