/* ==========================================================================
   Theme: Coastal Defender
   Vibe:   Modern, approachable, trustworthy
   Target: Modern CCW, coastal/suburban ranges, women's shooting programs
   ========================================================================== */

[data-theme="coastal-defender"] {
    /* ── Brand Colors ─────────────────────────────────────────────────────── */
    --ot-color-primary:           #1e3a5f;
    --ot-color-primary-light:     #2d517d;
    --ot-color-primary-dark:      #15293f;
    --ot-color-primary-contrast:  #ffffff;

    --ot-color-accent:            #ff6b6b;
    --ot-color-accent-light:      #ff8a8a;
    --ot-color-accent-dark:       #e55555;
    --ot-color-accent-contrast:   #ffffff;

    --ot-color-secondary:         #475569;
    --ot-color-secondary-light:   #64748b;
    --ot-color-secondary-dark:    #334155;
    --ot-color-secondary-contrast:#ffffff;

    /* ── Surfaces ─────────────────────────────────────────────────────────── */
    --ot-color-bg:                #faf7f2;
    --ot-color-bg-alt:            #f5f1e8;
    --ot-color-surface:           #ffffff;
    --ot-color-surface-hover:     #f5f1e8;

    /* ── Text ─────────────────────────────────────────────────────────────── */
    --ot-color-text:              #1e293b;
    --ot-color-text-link:         #1e3a5f;
    --ot-color-text-link-hover:   #ff6b6b;

    /* ── Border ───────────────────────────────────────────────────────────── */
    --ot-color-border-focus:      #1e3a5f;

    /* ── Footer chrome (coordinated against slate-gray footer bg) ─────────────
       Coral accent works for CTAs on cream page but clashes on slate footer.
       Use warm off-white instead. */
    --ot-color-footer-heading:    #f8fafc;
    --ot-color-footer-link:       #cbd5e1;
    --ot-color-footer-link-hover: #ff6b6b;

    /* ── Typography ───────────────────────────────────────────────────────── */
    --ot-font-heading:            'Inter', sans-serif;
    --ot-heading-transform:       none;
    --ot-tracking-wide:           -0.01em;

    /* ── Shape (rounded, friendly) ────────────────────────────────────────── */
    --ot-radius-button:           8px;
    --ot-radius-card:             12px;
    --ot-radius-input:            8px;
}