/**
 * Xlent Foods Corporate Brand Colors & Typography
 * Based on Corporate Identity Guidelines
 *
 * Orange (X Orange): Pantone 144
 * Blue (X Blue): Pantone 654
 * Typography: Eurostile (fallback: Barlow Semi Condensed, Arial, Helvetica, sans-serif)
 */

:root {
    /* Primary Brand Colors */
    --xlent-orange: #ED8000;      /* RGB: 237/128/0 - Pantone 144 */
    --xlent-blue: #003066;        /* RGB: 0/48/102 - Pantone 654 */

    /* Brand Typography */
    --xlent-font-family: 'Eurostile', 'Barlow Semi Condensed', 'Arial', 'Helvetica', sans-serif;

    /* Color variations for interactive elements */
    --xlent-orange-hover: #D47200;
    --xlent-blue-hover: #00244D;

    /* Background colors */
    --xlent-orange-light: rgba(237, 128, 0, 0.1);
    --xlent-blue-light: rgba(0, 48, 102, 0.1);

    /* Text on colored backgrounds */
    --text-on-orange: #000000;    /* Black text on orange */
    --text-on-blue: #FFFFFF;      /* White text on blue */
}

/* Primary CTA Buttons (Orange) */
.btn-primary,
.cta-button,
.primary-cta {
    background-color: var(--xlent-orange) !important;
    color: var(--text-on-orange) !important;
    border-color: var(--xlent-orange) !important;
}

.btn-primary:hover,
.cta-button:hover,
.primary-cta:hover {
    background-color: var(--xlent-orange-hover) !important;
    border-color: var(--xlent-orange-hover) !important;
}

/* Secondary CTA Buttons (Blue) */
.btn-secondary,
.secondary-cta {
    background-color: var(--xlent-blue) !important;
    color: var(--text-on-blue) !important;
    border-color: var(--xlent-blue) !important;
}

.btn-secondary:hover,
.secondary-cta:hover {
    background-color: var(--xlent-blue-hover) !important;
    border-color: var(--xlent-blue-hover) !important;
}

/* Links */
a.brand-link,
.footer a,
.contact-details a {
    color: var(--xlent-orange);
}

a.brand-link:hover,
.footer a:hover {
    color: var(--xlent-orange-hover);
}

/* Navigation */
nav {
    background-color: var(--xlent-blue);
}

/* Accents and highlights */
.accent-orange {
    color: var(--xlent-orange);
}

.accent-blue {
    color: var(--xlent-blue);
}

.bg-orange {
    background-color: var(--xlent-orange);
}

.bg-blue {
    background-color: var(--xlent-blue);
}

/* Border utilities */
.border-orange {
    border-color: var(--xlent-orange) !important;
}

.border-blue {
    border-color: var(--xlent-blue) !important;
}

/* Brand Typography */
body,
h1, h2, h3, h4, h5, h6,
.btn, button,
input, select, textarea {
    font-family: var(--xlent-font-family);
}