/* theme_7021.css * 7:2:1 palette (bg/card/accent) + minimal highlight * Enabled by: ... */ :root[data-theme="7021"] { --bg-dark: #0f1a1d; --bg-card: #13252a; --bg-card-hover: #163038; /* Main accent */ --primary: #003A42; --primary-soft: rgba(0, 58, 66, 0.22); /* Derived accents (keep within palette direction) */ --secondary: #0c6a78; --tertiary: #1f4b54; /* Highlight (use sparingly) */ --gold: #E0CF00; --text-main: #e9f2f3; --text-dim: #b1c6ca; --text-muted: #6e8b91; --border-color: rgba(233, 242, 243, 0.12); --border-highlight: rgba(233, 242, 243, 0.20); --gradient-bg: linear-gradient(135deg, #13252a 0%, #0f1a1d 100%); --gradient-card: linear-gradient(180deg, rgba(19, 37, 42, 0.86) 0%, rgba(15, 26, 29, 0.94) 100%); --shadow-card: 0 8px 18px rgba(0, 0, 0, 0.45); --shadow-glow: 0 0 18px rgba(0, 58, 66, 0.35); } /* A few hardcoded-color overrides (keep minimal; main CSS should use vars) */ :root[data-theme="7021"] body { background: var(--gradient-bg); } :root[data-theme="7021"] .footer-copy, :root[data-theme="7021"] .header-container { background: transparent; }