/* ============================================
   DriveTime Theme

   Pale blue → mint horizontal background with
   DriveTime green CTAs and DriveTime cyan-blue
   accents/selection, inspired by drivetime.com.
   ============================================ */
.theme-drivetime {
  /* Primary — DriveTime green, used for CTAs and focus rings */
  --theme-primary: #00a651;
  --theme-primary-hover: #008a44;
  --theme-primary-focus: rgba(0, 166, 81, 0.12);
  --theme-primary-text: #0ca9d8;

  /* Primary "gradient" — solid DriveTime green for CTAs to match brand site */
  --theme-gradient: #00a651;
  --theme-gradient-shadow: rgba(0, 166, 81, 0.25);
  --theme-gradient-shadow-hover: rgba(0, 166, 81, 0.35);

  /* Surface & background — pale blue mid-stop of the wrapper gradient */
  --theme-bg: #f1f8f4;

  /* Aurora disabled — DriveTime uses a clean linear gradient on the wrapper */
  --theme-aurora-1: transparent;
  --theme-aurora-2: transparent;
  --theme-aurora-3: transparent;
  --theme-aurora-4: transparent;
  --theme-aurora-5: transparent;

  /* Input borders */
  --theme-input-border: #cfdbd4;
  --theme-input-border-hover: #b3c4ba;

  /* Disabled state */
  --theme-disabled-text: #b4c1bb;
  --theme-disabled-border: #d8e1dc;

  /* Readable disabled text — passes WCAG AA 4.5:1 on the wrapper gradient and #ffffff */
  --theme-text-disabled: #5f6b65;

  /* Footer neutrals */
  --theme-footer-text: #5a6470;
  --theme-footer-text-hover: #3e4855;

  /* Logo */
  --theme-logo-url: url('/DriveTime_Logo.png');

  /* Structural overrides */
  --color-background: #f1f8f4;
  --color-surface: #FFFFFF;
  --color-text: #0c2340;
  --color-text-muted: rgba(12, 35, 64, 0.65);
  --color-border: #cfdbd4;
  --color-border-light: #e4ece7;
  --color-accent: #0ca9d8;

  /* Selected-card gradient border — DriveTime blue → green */
  --color-gradient-start: #0ca9d8;
  --color-gradient-end: #00a651;

  /* Shadows — green-tinted on CTA, blue tint on selected cards */
  --shadow-button: 0 4px 14px rgba(0, 166, 81, 0.22);
  --shadow-button-hover: 0 6px 20px rgba(0, 166, 81, 0.32);
  --shadow-card-selected: 0 0 0 2px rgba(12, 169, 216, 0.25), 0 2px 8px rgba(0, 0, 0, 0.06);

  /* Interaction tints — blue-based to match accents */
  --color-hover-tint: rgba(12, 169, 216, 0.06);
  --color-selected-tint: rgba(12, 169, 216, 0.10);
  --color-selected-hover-tint: rgba(12, 169, 216, 0.14);

  /* Page background — left-to-right blue → mint, matching drivetime.com */
  background: linear-gradient(90deg, #ecf6fa 0%, #f1f8f4 50%, #ecf7f1 100%);
}

/* Secondary CTAs — DriveTime cyan border + text (matches the brand "Get Your Trade-in Offer" style) */
.theme-drivetime .btn-secondary {
  color: #0ca9d8;
  border-color: #0ca9d8;
}