/**
 * WaveCtl — White Label Brand Overrides
 *
 * HOW TO USE:
 * Override only the CSS variables below.
 * All components in style.css, header.css, wave.css
 * reference these tokens — changing them here changes
 * the entire system appearance instantly.
 *
 * NEVER add component styles here.
 * This file is populated dynamically via admin settings.
 *
 * Brand Philosophy: "Control is Navy. Motion is Cyan."
 *   Authority layer → --brand-navy-*
 *   Motion layer    → --brand-cyan-*
 */

/* ── Override tokens here ── */
:root {
    /* ── Authority Layer — structural chrome ── */
    /* --brand-navy:          #0F2D4A; */
    /* --brand-navy-hover:    #1A3F65; */
    /* --brand-navy-active:   #091F33; */

    /* ── Motion Layer — live timing & active states ── */
    /* --brand-cyan:          #00D4FF; */
    /* --brand-cyan-hover:    #26DDFF; */
    /* --brand-cyan-active:   #009CC2; */

    /* ── Status (semantic — change with caution) ── */
    /* --brand-success:       #00A65A; */
    /* --brand-warning:       #B38600; */
    /* --brand-danger:        #D93B3B; */
}

/* ── Client Logo ── */
.client-logo {
    max-height: 40px;
    width: auto;
}

/* ── Powered By Footer ── */
.powered-by {
    font-family: var(--font-primary);
    font-size: 12px;
    color: var(--text-muted);
}
.powered-by a {
    color: var(--action-link);
}
.powered-by a:hover {
    text-decoration: underline;
}