/* Barlow and Barlow Condensed (all weights used here) are self-hosted via wwwroot/fonts.css, loaded unconditionally in App.razor's — no per-theme font import needed. To revert to the Montserrat body, restore the Typography block below (Montserrat is also self-hosted in fonts.css): */ [data-theme="electricgreen3"] { /* -- Brand Palette (Electric Green) -- */ --gold-bright: #A3E635; --gold-light: #bef264; --gold-mid: #84cc16; --gold-deep: #4d7c0f; --gold-faint: #1a2e05; /* -- Surface Stack (Obsidian/Deep Black) -- */ --surface-void: #000000; --surface-base: #0B0E11; --surface-card: #161B22; --surface-elevated: #21262d; --surface-overlay: #30363D; --surface-overlay-rgb: 48,54,61; /* -- Semantic Colours -- */ --color-success: #3d9e5f; --color-danger: #c93030; --color-warning: #F59E0B; /* CHANGED: amber — no longer collides with accent */ --color-info: #3a78c9; --success-rgb: 61,158,95; --danger-rgb: 201,48,48; --info-rgb: 58,120,201; --black-rgb: 0,0,0; --white-rgb: 255,255,255; /* -- Text -- */ --text-primary: #ffffff; --text-secondary: #ADB5BD; --text-muted: #8B949E; /* CHANGED: was #6e7681 (3.8:1) → 5.6:1, passes AA */ --text-disabled: #484f58; --text-on-gold: #000000; --text-on-accent: #000000; --text-on-danger: #ffffff; --text-on-success: #ffffff; --color-scheme-mode: dark; --inset-highlight: rgba(255,255,255,0.2); /* -- Themed Surface/Background Values -- */ --navbar-bg: rgba(4,6,2,0.92); --hero-bg-solid: #030602; --hero-radial-secondary: rgba(50,80,0,0.2); --hero-radial-tertiary: rgba(25,40,0,0.15); --hero-bg-clear: #03060200; --card-gradient-start: rgba(8,14,6,1); --card-gradient-end: rgba(4,8,3,1); --card-gradient-alt-start: rgba(7,12,5,1); --card-gradient-alt-end: rgba(4,8,3,1); --footer-bg: #020301; --ticker-strip-accent: rgba(163,230,53,0.08); --section-header-accent: rgba(163,230,53,0.05); --status-live: #e03030; --status-live-bg: rgba(220,30,30,0.1); --status-live-border: rgba(220,30,30,0.3); --status-up: #4caf70; --status-down: #FF6B6B; /* CHANGED: was #e04040 (4.1:1) → 6.2:1 */ --rank-silver: #c0c0c0; --rank-bronze: #cd7f32; --danger-hover-bg: #e03535; --danger-shadow: rgba(201,48,48,0.35); --success-shadow: rgba(61,158,95,0.35); --alert-info-bg: rgba(58,120,201,0.1); --alert-info-border: rgba(58,120,201,0.25); --alert-danger-bg: rgba(201,48,48,0.1); --alert-danger-border: rgba(201,48,48,0.25); --alert-success-bg: rgba(61,158,95,0.1); --alert-success-border: rgba(61,158,95,0.25); --icon-remove-hover: #d4f79a; /* -- Theme Assets -- */ --logo-image: url('/images/logo.svg'); --logo-fill: var(--gold-bright); --logo-default-display: block; --logo-custom-display: none; --home-bg-image: url('/images/background-electricgreen3.png'); --home-bg-size: cover; --home-bg-position: center center; /* -- Borders (CHANGED: restore faint/mid/strong hierarchy; mid==strong made every base-CSS hover border-change a no-op and outlined all cards in 50% lime) -- */ --border-faint: var(--accent-soft-08); --border-mid: var(--accent-soft-14); --border-strong: var(--accent-soft-35); --gold-border: var(--border-mid); --gold-border-hi: var(--border-strong); /* -- Shadows (CHANGED: black-first for depth, faint lime bloom) -- */ --shadow-gold-sm: 0 2px 10px rgba(0,0,0,0.45); --shadow-gold-md: 0 4px 24px rgba(0,0,0,0.55), 0 0 24px var(--accent-soft-05); --shadow-gold-lg: 0 10px 50px rgba(0,0,0,0.65), 0 0 40px var(--accent-soft-08); --shadow-gold: var(--shadow-gold-md); /* -- Accent helpers (RGB: 163, 230, 53) -- NOTE: the --accent-soft-* ramp is defined in gridiron-gold-base.css from --accent-rgb and resolves per-element, so overriding --accent-rgb alone recolors the whole ramp. Redeclaring it here is unnecessary. */ --accent-rgb: 163,230,53; --gold-glow: var(--accent-soft-10); /* -- Radius -- */ --radius-xs: 3px; --radius-sm: 5px; --radius-md: 8px; --radius-lg: 14px; /* -- Motion -- */ --ease-out: cubic-bezier(0.2,0.8,0.2,1); --duration: 0.22s; --transition: all var(--duration) var(--ease-out); /* -- Typography (Barlow superfamily: condensed display over regular-width body. Same skeleton as the display face, so no pairing clash. Montserrat alternative preserved in the comment at the top of file. -- */ --font-display: 'Barlow Condensed', sans-serif; --font-ui: 'Barlow', sans-serif; --font-body: 'Barlow', sans-serif; --font-copy: var(--font-body); }