/* PublicAutoCover — Crimson / Charcoal 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:  #FEF2F2;
  --brand-100: #FEE2E2;
  --brand-200: #FECACA;
  --brand-300: #FCA5A5;
  --brand-400: #F87171;
  --brand-500: #DC2626;
  --brand-600: #B91C1C;
  --brand-700: #991B1B;
  --brand-800: #7F1D1D;
  --brand-900: #1F2937;
  --brand-950: #111827;

  --brand-gradient: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-400) 60%, #FB7185 100%);
  --hero-radial: radial-gradient(ellipse at top, rgba(248, 113, 113, 0.20), transparent 60%), linear-gradient(180deg, #111827 0%, #1F2937 100%);

  --shadow-soft: 0 10px 30px -12px rgba(31, 41, 55, 0.22);
  --shadow-ring: 0 0 0 4px rgba(248, 113, 113, 0.30);

  --selection-bg: rgba(220, 38, 38, 0.20);
  --selection-fg: #1F2937;

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

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