/* AutoQuotePublic — Amber / Navy palette
 * This is the ONLY CSS file that varies between the 4 sibling sites.
 * Replace the values here to re-skin a clone. */
:root {
  --brand-50:  #FFFBEB;
  --brand-100: #FEF3C7;
  --brand-200: #FDE68A;
  --brand-300: #FCD34D;
  --brand-400: #FBBF24;
  --brand-500: #F59E0B;
  --brand-600: #D97706;
  --brand-700: #B45309;
  --brand-800: #92400E;
  --brand-900: #1E3A8A;
  --brand-950: #172554;

  --brand-gradient: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-400) 60%, var(--brand-300) 100%);
  --hero-radial: radial-gradient(ellipse at top, rgba(251, 191, 36, 0.18), transparent 60%), linear-gradient(180deg, #172554 0%, #1E3A8A 100%);

  --shadow-soft: 0 10px 30px -12px rgba(30, 58, 138, 0.20);
  --shadow-ring: 0 0 0 4px rgba(251, 191, 36, 0.35);

  --selection-bg: rgba(245, 158, 11, 0.22);
  --selection-fg: #1E3A8A;

  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-sm:   0.5rem;
  --radius-md:   0.75rem;
  --radius-lg:   1.25rem;
  --radius-xl:   1.75rem;
  --radius-pill: 999px;
}