/* ============================================
   DriveTime Theme
   ============================================ */
.theme-drivetime {
  /* Primary */
  --color-primary: #00a651;
  --color-primary-hover: #008a44;
  --color-focus: rgba(0, 166, 81, 0.12);
  --color-primary-text: #0ca9d8;

  /* Gradient */
  --color-gradient-primary: #00a651;

  /* Aurora Background Blobs */
  --color-aurora-1: transparent;
  --color-aurora-2: transparent;
  --color-aurora-3: transparent;
  --color-aurora-4: transparent;
  --color-aurora-5: transparent;

  /* Input Borders */
  --color-input-border: #cfdbd4;
  --color-input-border-hover: #b3c4ba;

  /* Disabled State */
  --color-button-disabled-text: #b4c1bb;
  --color-button-disabled-border: #d8e1dc;
  --color-text-disabled: #5f6b65;

  /* Footer Neutrals */
  --color-footer-text: #5a6470;
  --color-footer-text-hover: #3e4855;

  /* Logo */
  --logo-url: url('/logos/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;
  --color-gradient-start: #0ca9d8;
  --color-gradient-end: #00a651;

  /* Shadows */
  --color-gradient-shadow: rgba(0, 166, 81, 0.22);
  --color-gradient-shadow-hover: rgba(0, 166, 81, 0.32);
  --shadow-button: 0 4px 14px var(--color-gradient-shadow);
  --shadow-button-hover: 0 6px 20px var(--color-gradient-shadow-hover);
  --shadow-card-selected: 0 0 0 2px rgba(12, 169, 216, 0.25), 0 2px 8px rgba(0, 0, 0, 0.06);

  /* Interaction Tints */
  --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 */
  --color-app-background: linear-gradient(90deg, #ecf6fa 0%, #f1f8f4 50%, #ecf7f1 100%);
}

/* Buttons */
.theme-drivetime .btn-secondary {
  color: var(--color-primary-text);
  border-color: var(--color-primary-text);
}