:root {
    --kuza-primary: #00B050;
    --kuza-primary-dark: #009045;
    --kuza-secondary: #0047BB;
    --kuza-secondary-dark: #003a98;
    --kuza-text: #1f2f3f;
    --kuza-muted: #5f7283;
    --kuza-surface: #ffffff;
    --kuza-bg: #F5F7FA;
    --kuza-border: #d8e2eb;
}

html, body {
    background-color: var(--kuza-bg);
    color: var(--kuza-text);
}

button,
input[type="submit"],
input[type="button"],
.btn-cta,
.kz-register-btn,
.kz-auth-logout,
.kz-pricing-cta,
.partner-submit,
.kuza-btn-primary {
    border-radius: 10px;
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.btn-cta,
.kz-register-btn,
.kz-auth-logout,
.kz-pricing-cta,
.partner-submit,
.kuza-btn-primary {
    background: var(--kuza-primary);
    color: #ffffff;
}

.btn-cta:hover,
.kz-register-btn:hover,
.kz-auth-logout:hover,
.kz-pricing-cta:hover,
.partner-submit:hover,
.kuza-btn-primary:hover {
    background: var(--kuza-primary-dark);
    color: #ffffff;
}

.btn-outline-cta {
    border: 1px solid var(--kuza-secondary);
    color: var(--kuza-secondary);
    border-radius: 10px;
}

.btn-outline-cta:hover {
    background: var(--kuza-secondary);
    color: #ffffff;
}

.kz-brand-surface {
    background: var(--kuza-surface);
    border: 1px solid var(--kuza-border);
    border-radius: 14px;
}
/**
 * Kuza ERP Brand Book - Centralized Brand Styles
 * Version 1.0 - Per Brand Book July 2025
 *
 * Colors: Kuza Green #00B050, Kuza Blue #0047BB, Charcoal #333333,
 *         Light Grey #E6E6E6, Kuza Orange #FF6600
 * Typography: Montserrat (primary), Open Sans (secondary)
 * Tagline: "Grow Your Business, Simplified."
 */

/* Brand Color Variables */
:root {
    --kuza-green: #00B050;
    --kuza-blue: #0047BB;
    --charcoal-grey: #333333;
    --light-grey: #E6E6E6;
    --kuza-orange: #FF6600;
    --background-color: #F5F7FA;

    /* Aliases for common usage */
    --primary-color: #0047BB;
    --accent-color: #00B050;
    --cta-color: #FF6600;
}

/* Typography - Montserrat (headlines, subheadings, body), Open Sans (fallback) */
body, html {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
    color: var(--charcoal-grey);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
}

/* Brand Button Styles */
.btn-kuza-primary {
    background-color: var(--kuza-green);
    border-color: var(--kuza-green);
    color: white;
}
.btn-kuza-primary:hover {
    background-color: #009944;
    border-color: #009944;
    color: white;
    opacity: 0.95;
}

.btn-kuza-secondary {
    background-color: var(--kuza-blue);
    border-color: var(--kuza-blue);
    color: white;
}
.btn-kuza-secondary:hover {
    background-color: #003d9e;
    border-color: #003d9e;
    color: white;
    opacity: 0.95;
}

.btn-kuza-cta {
    background-color: var(--kuza-orange);
    border-color: var(--kuza-orange);
    color: white;
}
.btn-kuza-cta:hover {
    background-color: #e65c00;
    border-color: #e65c00;
    color: white;
    opacity: 0.95;
}

/* Links */
a {
    color: var(--kuza-blue);
}
a:hover {
    color: var(--kuza-green);
}

/* Navbar brand */
.navbar-brand-kuza {
    color: var(--kuza-green) !important;
    font-weight: 600;
}
.navbar-brand-kuza:hover {
    color: var(--kuza-blue) !important;
}