/*!
 * Contact page (/contact) — Spectre-theme styling.
 * Color values mirror themes.canvasThemes.Spectre / site-overrides.css.
 */

/* Type-picker cards (step 1): btn-outline-primary's hover is a solid accent
   fill — right for small buttons, unreadable at card size (the muted
   description ends up grey-on-cyan). These are selectable cards, so hover
   is an accent wash instead, per the app's chip/selection language. */
#step1 .btn-outline-primary {
    --bs-btn-hover-bg: rgba(0, 212, 232, 0.10);
    --bs-btn-hover-border-color: rgba(0, 212, 232, 0.6);
    --bs-btn-hover-color: #5CF2FF;
    --bs-btn-active-bg: rgba(0, 212, 232, 0.16);
    --bs-btn-active-border-color: rgba(0, 212, 232, 0.7);
    --bs-btn-active-color: #5CF2FF;
}

/* Log drop-zone (moved from inline styles) */
#logDrop {
    border: 2px dashed var(--bs-border-color);
    cursor: pointer;
}

#logDrop:hover {
    border-color: rgba(0, 212, 232, 0.6);
}