/* ============================================
   TruStage Theme

   Flat warm-white surfaces with TruStage navy
   structure and pastel-gold CTAs, sharp 2px
   corners on buttons and cards — inspired by
   the TruStage brand site.
   ============================================ */
.theme-trustage {
  /* Primary — TruStage navy, used for focus rings, links, accents */
  --theme-primary: #1a2e5b;
  --theme-primary-hover: #122244;
  --theme-primary-focus: rgba(26, 46, 91, 0.14);
  --theme-primary-text: #1a2e5b;

  /* "Gradient" — pastel TruStage gold for primary CTAs */
  --theme-gradient: #f8d873;
  --theme-gradient-shadow: rgba(248, 216, 115, 0.28);
  --theme-gradient-shadow-hover: rgba(248, 216, 115, 0.40);

  /* Selected-card border — solid navy (start = end disables the gradient effect) */
  --color-gradient-start: #1a2e5b;
  --color-gradient-end: #1a2e5b;

  /* Surface & background — soft warm white */
  --theme-bg: #f7f7f5;

  /* Aurora disabled — TruStage uses a flat background */
  --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: #cfd2d8;
  --theme-input-border-hover: #b3b8c2;

  /* Disabled state */
  --theme-disabled-text: #b6bac3;
  --theme-disabled-border: #d8dbe1;
  --theme-text-disabled: #5e636e;

  /* Footer neutrals */
  --theme-footer-text: #5a6470;
  --theme-footer-text-hover: #1a2e5b;

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

  /* Structural overrides */
  --color-background: #f7f7f5;
  --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;

  /* Accent / selected-state — TruStage navy */
  --color-accent: #1a2e5b;

  /* Shadows — restrained navy tint */
  --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 — pale gold for selected backgrounds, faint navy on hover */
  --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);
}

/* TruStage CTAs — sharp-cornered with a navy border, navy bold text on pastel gold */
.theme-trustage .btn-primary {
  padding: 12px 24px;
  border: 1.5px solid #1a2e5b;
  border-radius: 2px;
  color: #1a2e5b;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}

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

/* TruStage secondary CTAs — match the primary's sharp navy-bordered shape on a white surface */
.theme-trustage .btn-secondary {
  background-color: #FFFFFF;
  border: 1.5px solid #1a2e5b;
  border-radius: 2px;
  color: #1a2e5b;
  font-weight: 700;
}

/* Input focus — TruStage gold ring + navy border so it feels on-brand */
.theme-trustage .input-field:focus-visible {
  border-color: #1a2e5b;
  box-shadow: 0 0 0 3px rgba(248, 216, 115, 0.55);
}

/* TruStage quote cards — sharp navy-bordered with a gold-tinted selected state */
.theme-trustage .quote-card {
  border: 1.5px solid #1a2e5b;
  border-radius: 2px;
}

.theme-trustage .quote-card--selected {
  background-color: rgba(248, 216, 115, 0.22);
}