/*
 * ESCAPE RV RENTALS — Theme A (Clean White / Teal)
 * File: css/theme-a.css
 * This is the default / most common theme.
 * Import this BEFORE components.css
 */

/* Theme A Variables */
:root, .theme-a {
  --erv-bg:             #ffffff;
  --erv-bg-secondary:   #f5f7fa;
  --erv-bg-card:        #ffffff;
  --erv-text:           #1a1a2e;
  --erv-text-muted:     #5a6572;
  --erv-heading:        #0d1b2a;
  --erv-link:           #0072ce;
  --erv-accent:         #00877a;
  --erv-accent-light:   #e0f5f3;
  --erv-accent-dark:    #005e55;
  --erv-cta:            #ff6b35;
  --erv-cta-hover:      #e55a26;
  --erv-border:         #e1e5eb;
  --erv-border-dark:    #c5ccd4;
  --erv-shadow:         0 2px 8px rgba(0,0,0,.08);
  --erv-shadow-hover:   0 4px 16px rgba(0,0,0,.12);
  --erv-radius-sm:      4px;
  --erv-radius:         8px;
  --erv-radius-lg:      12px;
  --erv-warning-bg:     #fff8e1;
  --erv-warning-border: #f9a825;
  --erv-warning-text:   #5d4037;
  --erv-critical-bg:    #fff0ee;
  --erv-critical-border:#e53935;
  --erv-critical-text:  #b71c1c;
  --erv-success-bg:     #e8f5e9;
  --erv-success-text:   #1b5e20;
}
@media (prefers-color-scheme: dark) {
  :root, .theme-a {
    --erv-bg:           #12151a;
    --erv-bg-secondary: #1c2028;
    --erv-bg-card:      #1c2028;
    --erv-text:         #e4e6eb;
    --erv-text-muted:   #8b9099;
    --erv-heading:      #f0f2f5;
    --erv-border:       #2a2e38;
    --erv-border-dark:  #3a3f4b;
    --erv-shadow:       0 2px 8px rgba(0,0,0,.35);
    --erv-shadow-hover: 0 4px 16px rgba(0,0,0,.5);
  }
}