/*
 * CruiseBrothers.com Color System
 *
 * Core 4 colors that define the CB public site theme.
 * These defaults can be overridden by theme injection in cb_base.html.
 *
 * USAGE: Always use var(--cb-*) in CSS, never hardcode hex colors.
 */

:root {
  /* =========================================================================
     CORE 4 COLORS (overridden by theme selection)
     ========================================================================= */
  /* Ratios computed against --cb-bg (#ffffff). WCAG AA requires 4.5:1 normal text, 3:1 large text/UI. */
  --cb-primary: #09538b; /* ci-exempt - CSS variable definition */      /* Main blue - nav, headers, footer — 8.01:1 ✅ AA */
  --cb-cta: #c30909; /* ci-exempt - CSS variable definition */          /* Red - buttons, CTAs — 6.24:1 ✅ AA */
  --cb-bg: #ffffff; /* ci-exempt - CSS variable definition */           /* Page background */
  --cb-text: #222222; /* ci-exempt - CSS variable definition */         /* Primary text — 15.91:1 ✅ AAA */

  /* =========================================================================
     DERIVED COLORS (auto-calculated from core 4)
     ========================================================================= */
  --cb-primary-light: color-mix(in srgb, var(--cb-primary), white 85%);
  --cb-primary-dark: color-mix(in srgb, var(--cb-primary), black 20%);
  --cb-cta-hover: color-mix(in srgb, var(--cb-cta), white 20%);
  --cb-cta-active: color-mix(in srgb, var(--cb-cta), black 10%);
  --cb-text-muted: color-mix(in srgb, var(--cb-text), transparent 30%); /* ~5.92:1 ✅ AA (was 40% = 4.29:1 ❌) */
  --cb-text-secondary: color-mix(in srgb, var(--cb-text), transparent 25%); /* ~7.00:1 ✅ AA */
  --cb-border: color-mix(in srgb, var(--cb-bg), var(--cb-text) 15%);
  --cb-bg-secondary: color-mix(in srgb, var(--cb-bg), var(--cb-text) 3%);

  /* =========================================================================
     TEXT ON COLORED BACKGROUNDS
     ========================================================================= */
  --cb-text-on-primary: #ffffff; /* ci-exempt - CSS variable definition */  /* on --cb-primary: 8.01:1 ✅ AA */
  --cb-text-on-cta: #ffffff; /* ci-exempt - CSS variable definition */      /* on --cb-cta: 6.24:1 ✅ AA */
}