/* ==========================================================================
   Theme: Bright Counter
   Vibe:   Fully light, modern SaaS, restrained
   Target: Premium boutique dealers, modern training academies, gunsmiths
           positioning as elevated / tech-forward
   Note:   This is the only fully-light theme. The header renders WHITE (not
           the brand primary) via the --ot-color-header-bg override, so the
           accent indigo lives only on CTAs / links / focus rings — not on
           large color blocks. The rest of the themes use brand primary for
           the header by default.
   ========================================================================== */

[data-theme="bright-counter"] {
    /* ── Brand Colors ─────────────────────────────────────────────────────── */
    --ot-color-primary:           #1e293b;
    --ot-color-primary-light:     #334155;
    --ot-color-primary-dark:      #0f172a;
    --ot-color-primary-contrast:  #ffffff;

    --ot-color-accent:            #6366f1;
    --ot-color-accent-light:      #818cf8;
    --ot-color-accent-dark:       #4f46e5;
    --ot-color-accent-contrast:   #ffffff;

    --ot-color-secondary:         #f1f5f9;
    --ot-color-secondary-light:   #f8fafc;
    --ot-color-secondary-dark:    #e2e8f0;
    --ot-color-secondary-contrast:#1e293b;

    /* ── Surfaces ─────────────────────────────────────────────────────────── */
    --ot-color-bg:                #ffffff;
    --ot-color-bg-alt:            #f8fafc;
    --ot-color-bg-elevated:       #ffffff;
    --ot-color-surface:           #ffffff;
    --ot-color-surface-hover:     #f1f5f9;
    --ot-color-surface-active:    #e2e8f0;

    /* ── Chrome: white header + light footer (the fully-light hallmark) ───── */
    --ot-color-header-bg:         #ffffff;
    --ot-color-header-text:       #1e293b;
    --ot-color-header-border:     #e2e8f0;
    --ot-color-footer-bg:         #f8fafc;
    --ot-color-footer-text:       #1e293b;

    /* ── Text ─────────────────────────────────────────────────────────────── */
    --ot-color-text:              #1e293b;
    --ot-color-text-secondary:    #64748b;
    --ot-color-text-muted:        #94a3b8;
    --ot-color-text-inverse:      #ffffff;
    --ot-color-text-link:         #6366f1;
    --ot-color-text-link-hover:   #4f46e5;

    /* ── Border ───────────────────────────────────────────────────────────── */
    --ot-color-border:            #e2e8f0;
    --ot-color-border-strong:     #cbd5e1;
    --ot-color-border-focus:      #6366f1;

    /* ── Typography (modern SaaS, no uppercase) ───────────────────────────── */
    --ot-font-heading:            'Inter', sans-serif;
    --ot-heading-transform:       none;
    --ot-tracking-wide:           -0.02em;

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