/*
 * 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)
     ========================================================================= */
  --cb-primary: #09538b;      /* Main blue - nav, headers, footer */
  --cb-cta: #c30909;          /* Red - buttons, CTAs */
  --cb-bg: #ffffff;           /* Page background */
  --cb-text: #222222;         /* Primary text color */

  /* =========================================================================
     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 40%);
  --cb-text-secondary: color-mix(in srgb, var(--cb-text), transparent 25%);
  --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;
  --cb-text-on-cta: #ffffff;
}