:root {
  /* Speedy Dogs Light Theme */
  /* Warm, premium, relationship-first styling */
  
  /* Base Surfaces - sunlit creams and soft neutrals */
  --zp-ink: #fff8f1;
  --zp-ink-2: #fff2e6;
  --zp-panel: #ffffff;
  --zp-panel-2: #fff7f0;
  --zp-surface: #fde8d5;
  --zp-surface-elevated: #fffdfa;
  
  /* Strokes & Borders - toasted amber definition */
  --zp-stroke: rgba(199, 120, 69, 0.25);
  --zp-stroke-2: rgba(214, 68, 45, 0.4);
  --zp-stroke-subtle: rgba(199, 120, 69, 0.12);
  
  /* Text Colors - warm charcoal */
  --zp-bone: #2b1c16;
  --zp-bone-2: #4a2c20;
  --zp-muted: #7c5a49;
  --zp-muted-2: #bd6532ab;
  
  /* Primary Accent System - ember red core */
  --zp-crimson: #c9382b;
  --zp-crimson-dark: #a1261c;
  --zp-crimson-light: #f25c3c;
  --zp-crimson-pale: #ffd8ca;
  --zp-blood: #7c1a12;
  --zp-scar: #c9382b;
  
  /* Supporting Accents - glowing amber & collar green */
  --zp-blue: #d9791c;
  --zp-blue-light: #ffb347;
  --zp-slate: #34765e;
  
  /* Main accent mapping */
  --zp-accent: var(--zp-crimson);
  --zp-accent-2: var(--zp-crimson-light);
  --zp-accent-dark: var(--zp-blood);
  --zp-accent-ink: #fff6f2;
  
  /* Typography */
  --zp-text-primary: var(--zp-bone);
  --zp-text-secondary: var(--zp-bone-2);
  --zp-text-tertiary: var(--zp-muted);
  
  /* Radius System - softer corners */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-2xl: 32px;
  
  /* Shadow System - diffused warmth */
  --shadow-soft: 0 8px 18px rgba(68, 34, 21, 0.08);
  --shadow-elevated: 0 18px 35px rgba(68, 34, 21, 0.12);
  --shadow-glow: 0 0 0 1px rgba(255, 159, 91, 0.35), 0 15px 35px rgba(68, 34, 21, 0.18);
  --shadow-accent: 0 0 0 3px rgba(242, 92, 60, 0.25);
  --shadow-neon: 0 20px 50px rgba(249, 113, 36, 0.3);
  --shadow-card: 0 15px 30px rgba(68, 34, 21, 0.08);
  
  /* Gradient System - ember trails */
  --grad-ambient: radial-gradient(1200px 800px at 5% 8%, rgba(249, 113, 36, 0.2), transparent 60%),
                  radial-gradient(900px 600px at 85% 10%, rgba(255, 200, 115, 0.18), transparent 70%),
                  linear-gradient(180deg, #fff8f1 0%, #fff2e6 100%);
  
  --grad-panel: linear-gradient(180deg, #fffdfa 0%, #fff3e7 100%);
  
  --grad-accent: linear-gradient(135deg, #f25c3c 0%, #f58f3d 50%, #f7c873 100%);
  
  --grad-hero: radial-gradient(120% 120% at 10% 0%, rgba(242, 92, 60, 0.2), transparent 55%),
               radial-gradient(110% 120% at 90% 10%, rgba(247, 200, 115, 0.35), transparent 65%),
               linear-gradient(180deg, #fff8f1 0%, #fff2e6 70%, #ffe6d1 100%);
  
  --grad-sheen: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0.55) 55%, rgba(255, 255, 255, 0.2) 75%, transparent 100%);
  
  --grad-card: linear-gradient(160deg, #fffdfa 0%, #fff1e4 55%, #ffe2c7 100%);
  
  --grad-button: linear-gradient(140deg, #c9382b 0%, #f25c3c 45%, #f7a545 100%);
  
  /* Texture */
  --noise: none;
  
  /* Spacing System */
  --container: 1280px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 18px;
  --space-5: 22px;
  --space-6: 28px;
  --space-7: 36px;
  --space-8: 44px;
  --space-9: 58px;
  --space-10: 72px;
  
  /* Border Defaults */
  --border-1: 1px solid var(--zp-stroke);
  --border-2: 1px solid var(--zp-stroke-2);
  --border-subtle: 1px solid var(--zp-stroke-subtle);
  
  /* Transitions */
  --transition-fast: 140ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 360ms cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Focus States */
  --focus-ring: 0 0 0 2px #fff8f1, 0 0 0 5px rgba(242, 92, 60, 0.7);
  --focus-ring-subtle: 0 0 0 2px #fff8f1, 0 0 0 4px rgba(249, 113, 36, 0.45);
}

/* Override existing theme mappings for premium business look */
body[data-theme="premium_business"],
body[data-accent="deep_red"] {
  --zp-accent: var(--zp-crimson);
  --zp-accent-2: var(--zp-crimson-light);
  --zp-stroke-2: rgba(214, 68, 45, 0.45);
  --shadow-neon: 0 0 25px rgba(242, 92, 60, 0.28), 0 0 65px rgba(247, 165, 69, 0.22);
  --grad-ambient: 
    radial-gradient(1400px 860px at 8% 5%, rgba(242, 92, 60, 0.22), transparent 62%),
    radial-gradient(1200px 700px at 90% 12%, rgba(247, 200, 115, 0.24), transparent 68%),
    radial-gradient(1000px 640px at 50% 95%, rgba(212, 108, 51, 0.18), transparent 72%),
    linear-gradient(180deg, var(--zp-ink), var(--zp-ink-2));
}

/* Alternative: Crimson Elite variant (slightly more saturated) */
body[data-theme="crimson_elite"] {
  --zp-accent: #ef4444;
  --zp-accent-2: #dc2626;
  --zp-stroke-2: rgba(239, 68, 68, 0.28);
  --shadow-neon: 0 0 22px rgba(239, 68, 68, 0.24), 0 0 55px rgba(239, 68, 68, 0.14);
  --grad-ambient: 
    radial-gradient(1500px 850px at 8% 8%, rgba(239, 68, 68, 0.12), transparent 58%),
    radial-gradient(1000px 600px at 90% 18%, rgba(220, 38, 38, 0.09), transparent 60%),
    linear-gradient(180deg, var(--zp-ink), var(--zp-ink-2));
}

/* Alternative: Burgundy Professional (deeper, more conservative) */
body[data-theme="burgundy_pro"] {
  --zp-accent: #991b1b;
  --zp-accent-2: #dc2626;
  --zp-panel: #15181e;
  --zp-panel-2: #1c2029;
  --zp-stroke-2: rgba(153, 27, 27, 0.30);
  --shadow-neon: 0 0 18px rgba(153, 27, 27, 0.26), 0 0 45px rgba(153, 27, 27, 0.14);
  --grad-ambient: 
    radial-gradient(1300px 750px at 12% 10%, rgba(153, 27, 27, 0.11), transparent 62%),
    linear-gradient(180deg, var(--zp-ink), var(--zp-ink-2));
}