/* MyCarCoverPro — Emerald / Forest 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:  #ECFDF5;
  --brand-100: #D1FAE5;
  --brand-200: #A7F3D0;
  --brand-300: #6EE7B7;
  --brand-400: #34D399;
  --brand-500: #10B981;
  --brand-600: #059669;
  --brand-700: #047857;
  --brand-800: #065F46;
  --brand-900: #064E3B;
  --brand-950: #022C22;

  --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(110, 231, 183, 0.18), transparent 60%), linear-gradient(180deg, #022C22 0%, #064E3B 100%);

  --shadow-soft: 0 10px 30px -12px rgba(6, 78, 59, 0.18);
  --shadow-ring: 0 0 0 4px rgba(110, 231, 183, 0.30);

  --selection-bg: rgba(16, 185, 129, 0.20);
  --selection-fg: #022C22;

  --font-display: "Manrope", 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:   1rem;
  --radius-xl:   1.5rem;
  --radius-pill: 999px;
}