:root{
--color-primary:#9C2B34;
--color-primary-hover:#B23A44;
--color-primary-active:#6E1E26;
--color-secondary:#22C55E;
--color-accent:#9C2B34;
--color-danger:#E5484D;
--color-warning:#D97706;
--color-success:#22C55E;
--bg-base:#111315;
--bg-surface:#181B1F;
--bg-surface-2:#21262D;
--bg-surface-3:#282E36;
--text-primary:#F3F4F6;
--text-secondary:#A7ADB7;
--text-faint:#7E8692;
--border-hairline:rgba(255,255,255,0.10);
--border-hairline-strong:rgba(255,255,255,0.16);
--accent-wash:rgba(156,43,52,0.10);
--accent-wash-strong:rgba(156,43,52,0.22);
--danger-wash:rgba(229,72,77,0.12);
--success-wash:rgba(34,197,94,0.12);
--warning-wash:rgba(217,119,6,0.12);
--focus-ring:#B23A44;
/* Overlay/scrim colors for text-over-image and text-on-fill contexts — derived from base tokens instead of hand-typed duplicates */
--color-on-primary:#fff;
--color-on-scrim:#fff;
--color-on-scrim-muted:rgba(255,255,255,0.85);
--color-on-scrim-faint:rgba(255,255,255,0.7);
--color-on-scrim-inactive:rgba(255,255,255,0.4);
--scrim-soft:color-mix(in srgb, var(--bg-base) 55%, transparent);
--scrim-strong:color-mix(in srgb, var(--bg-base) 72%, transparent);
--scrim-gradient-top:color-mix(in srgb, var(--bg-base) 50%, transparent);
--scrim-gradient-bottom:color-mix(in srgb, var(--bg-base) 92%, transparent);
--hero-scrim-accent:color-mix(in srgb, var(--color-accent) 55%, transparent);
--hero-scrim-base:color-mix(in srgb, var(--bg-base) 15%, transparent);
--nav-scrim:color-mix(in srgb, var(--bg-base) 63%, transparent);
}