/* PublicAutoPolicy — Violet / Slate 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:  #F5F3FF;
  --brand-100: #EDE9FE;
  --brand-200: #DDD6FE;
  --brand-300: #C4B5FD;
  --brand-400: #A78BFA;
  --brand-500: #7C3AED;
  --brand-600: #6D28D9;
  --brand-700: #5B21B6;
  --brand-800: #4C1D95;
  --brand-900: #1E293B;
  --brand-950: #0F172A;

  --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(167, 139, 250, 0.18), transparent 60%), linear-gradient(180deg, #0F172A 0%, #1E293B 100%);

  --shadow-soft: 0 10px 30px -12px rgba(30, 41, 59, 0.22);
  --shadow-ring: 0 0 0 4px rgba(167, 139, 250, 0.35);

  --selection-bg: rgba(124, 58, 237, 0.22);
  --selection-fg: #1E293B;

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

  --radius-sm:   0.625rem;
  --radius-md:   0.875rem;
  --radius-lg:   1.125rem;
  --radius-xl:   1.5rem;
  --radius-pill: 999px;
}