/**
 * Clear Books Tax - Brand Overrides
 * Overrides TinyTax CSS custom properties for Clear Books branding.
 *
 * This file is loaded AFTER tokens.css and BEFORE component CSS,
 * so these values take precedence over TinyTax defaults.
 *
 * Brand colours (from Clear Books logo):
 *   Blue:   #288DC1 (primary)
 *   Red:    #D0102B (accent — logo only, not used in UI)
 *   Yellow: #F6BF13 (accent — logo only, not used in UI)
 *
 * @see docs/proposals/clear-books-tax-partnership.md
 */

:root {
    /* Primary brand colour - Clear Books blue #288DC1 */
    --green: #288DC1;         /* Override TinyTax green with CB blue */
    --green-hover: #2280B0;

    --primary-50: #EAF4FA;
    --primary-100: #D5E9F5;
    --primary-200: #ABD3EB;
    --primary-300: #81BDE1;
    --primary-400: #57A7D7;
    --primary-500: #288DC1;   /* = brand blue */
    --primary-600: #2280B0;
    --primary-700: #1B6A91;
    --primary-800: #155372;
    --primary-900: #0E3D53;

    /* Secondary — use a darker shade of the blue for headings/nav */
    --navy: #155372;
    --navy-light: #1B6A91;
    --secondary-800: #155372;
    --secondary-900: #0E3D53;
}

/* Typography — Sora (headings) + DM Sans (body) */
body {
    font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
    letter-spacing: -0.005em;
}

h1, h2, h3 {
    font-family: 'Sora', system-ui, sans-serif;
    letter-spacing: -0.025em;
}

/* Header — clean, modern, approachable */
.site-header .navbar {
    border-bottom: 1px solid rgba(21, 83, 114, 0.06);
}

.nav-link {
    font-family: 'DM Sans', system-ui, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: var(--navy);
}

.nav-signup-link {
    font-family: 'Sora', system-ui, sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    border-radius: 999px;
    padding: 9px 22px;
    background: linear-gradient(135deg, var(--green) 0%, #1B6A91 100%);
    color: #ffffff;
    border: none;
    letter-spacing: 0.01em;
}

.nav-signup-link:hover {
    background: linear-gradient(135deg, #2280B0 0%, #155372 100%) !important;
    box-shadow: 0 4px 16px rgba(40, 141, 193, 0.3) !important;
}

.nav-login-link {
    font-family: 'DM Sans', system-ui, sans-serif;
    font-weight: 600;
    border-radius: 999px;
    padding: 9px 22px;
    border: 1.5px solid rgba(21, 83, 114, 0.15);
    color: var(--navy);
}

.nav-login-link:hover {
    background: rgba(40, 141, 193, 0.06) !important;
    border-color: rgba(40, 141, 193, 0.3) !important;
    color: var(--navy) !important;
}

/* Partner footer logo filter moved to global style.css (.partner-footer-logo-white) */