/**
 * NEBOT Brand Theme
 * Colors aligned with NEBOT logo and branding file.
 * Update the hex values below to match your NEBOT branding file.pdf if needed.
 *
 * Logo: Place your NEBOT logo at public/images/logo.png (navbar will show it;
 *       if the file is missing, the word "Nebot" is shown instead).
 * Typography: Avenir + Garet per branding; Plus Jakarta Sans is the web fallback.
 */

:root {
    /* Main color (blue) */
    --nebot-primary: #446fbc;
    --nebot-primary-light: #5d85d4;
    --nebot-primary-dark: #365a9e;
    --nebot-primary-rgb: 68, 111, 188;

    /* Secondary color (orange) */
    --nebot-secondary: #fd9c00;
    --nebot-secondary-rgb: 253, 156, 0;

    /* Backgrounds (blue theme, based on primary) */
    /* Overall page background: soft blue gradient built from #446fbc */
    --nebot-bg: linear-gradient(160deg, #446fbc 0%, #2c4485 45%, #111a35 100%);
    /* Cards / panels: slightly darker blue than primary */
    --nebot-bg-card: rgba(24, 44, 99, 0.96);
    /* Secondary cards / chips: mid blue */
    --nebot-bg-card-alt: rgba(37, 63, 122, 0.9);
    --nebot-border: #1e293b;
    --nebot-border-input: #334155;
    /* Simple solid background for inputs/selects (no gradient) */
    --nebot-input-bg: #ffffff;
    --nebot-input-text: #1e293b;

    /* Text */
    --nebot-text: #f9fafb;
    --nebot-text-muted: #94a3b8;
    --nebot-text-soft: #d1d5db;
    --nebot-text-dark: #0b1120;

    /* Buttons / CTAs – simple flat color (no gradient) */
    --nebot-btn-primary-bg: var(--nebot-secondary);
    --nebot-btn-primary-text: var(--nebot-text-dark);
    --nebot-btn-primary-hover-shadow: 0 4px 14px rgba(var(--nebot-secondary-rgb), 0.4);
    --nebot-link: var(--nebot-primary-light);
    --nebot-link-hover: var(--nebot-primary);
}

/* Typography: Avenir + Garet per branding file (system/local + fallbacks) */
body {
    font-family: 'Avenir', 'Avenir Next', 'Garet', 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}