:root { --bg: #ffffff; --bg-soft: #f5f6f7; --panel-dark: #2c3036; --panel-darker: #25282d; /* Slightly-lighter panel surface — derived from --panel-dark so it follows the team's chosen panel color (used by sidebar tab active state, etc.). */ --panel-accent: color-mix(in srgb, var(--panel-dark) 86%, white); --border: #d8dce1; --border-soft: #e6e8eb; --text: #2c3036; --text-dim: #6b7280; --red: var(--brand-primary, #7c5cff); /* follows team brand */ --danger: #dc2626; /* true destructive red */ --blue: #2864c8; --green: #1f9e5a; --tool-active: #e23a35; /* Team-branded accents. Default to the standard Coachly red/blue and get overridden per-team by an inline