/* ============================================
   TruStage Theme
   ============================================ */
.theme-trustage {
  /* Primary */
  --color-primary: #1a2e5b;
  --color-primary-hover: #122244;
  --color-focus: rgba(26, 46, 91, 0.14);
  --color-primary-text: #1a2e5b;

  /* Gradient */
  --color-gradient-primary: #f8d873;
  --color-gradient-start: #1a2e5b;
  --color-gradient-end: #1a2e5b;

  /* 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: #cfd2d8;
  --color-input-border-hover: #b3b8c2;

  /* Disabled State */
  --color-button-disabled-text: #b6bac3;
  --color-button-disabled-border: #d8dbe1;
  --color-text-disabled: #5e636e;

  /* Footer Neutrals */
  --color-footer-text: #5a6470;
  --color-footer-text-hover: #1a2e5b;

  /* Logo */
  --logo-url: url('/logos/TruStage_Logo.svg');

  /* Structural Overrides */
  --color-background: #f7f7f5;
  --color-app-background: var(--color-background);
  --color-surface: #FFFFFF;
  --color-text: #1a2e5b;
  --color-text-muted: rgba(26, 46, 91, 0.65);
  --color-text-inverse: #1a2e5b;
  --color-border: #d6d8de;
  --color-border-light: #ececef;
  --color-accent: #1a2e5b;

  /* Shadows */
  --shadow-button: 0 2px 6px rgba(26, 46, 91, 0.18);
  --shadow-button-hover: 0 4px 12px rgba(26, 46, 91, 0.28);
  --shadow-card-selected: 0 0 0 2px rgba(26, 46, 91, 0.20), 0 2px 8px rgba(0, 0, 0, 0.06);

  /* Interaction Tints */
  --color-hover-tint: rgba(26, 46, 91, 0.04);
  --color-selected-tint: rgba(246, 207, 102, 0.22);
  --color-selected-hover-tint: rgba(246, 207, 102, 0.32);
}

/* Buttons */
.theme-trustage .btn-primary {
  padding: var(--spacing-md) var(--spacing-xl);
  border: 1.5px solid var(--color-primary);
  border-radius: 2px;
  color: var(--color-text-inverse);
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}

.theme-trustage .btn-primary:disabled {
  border: 1.5px solid var(--color-button-disabled-border);
}

.theme-trustage .btn-secondary {
  background-color: var(--color-surface);
  border: 1.5px solid var(--color-primary-text);
  border-radius: 2px;
  color: var(--color-primary-text);
  font-weight: 700;
}

/* Inputs */
.theme-trustage .input-field:focus-visible {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-gradient-primary) 55%, transparent);
}

/* Quote Cards */
.theme-trustage .quote-card {
  border: 1.5px solid var(--color-primary);
  border-radius: 2px;
}

.theme-trustage .quote-card--selected {
  background-color: var(--color-selected-tint);
}