/* ================================================================
   Frontend Theme — auto-generated by Settings → Frontend Theme
   Generated: 2026-08-22 04:30:04
   DO NOT EDIT MANUALLY — overwritten on every settings save.

   Loaded via <link> AFTER the compiled Tailwind bundle
   (resources/css/flights.css → @vite in resources/views/flights.blade.php).
   Tailwind v4 compiles @theme brand/accent/font tokens into plain
   `:root` custom properties and every utility class references them
   with var(--color-brand-600) rather than inlining the literal hex,
   so this plain :root override correctly cascades over the compiled
   defaults for the whole site — no rebuild needed per save.
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');

:root {
    --color-brand-50: #EEF2FF;
    --color-brand-100: #E0E7FF;
    --color-brand-200: #C7D2FE;
    --color-brand-300: #A5B4FC;
    --color-brand-400: #818CF8;
    --color-brand-500: #6366F1;
    --color-brand-600: #4F46E5;
    --color-brand-700: #4338CA;
    --color-brand-800: #362F9E;
    --color-brand-900: #241F6B;
    --color-brand-950: #171442;
    --color-accent-50: #FFF7ED;
    --color-accent-100: #FFEDD5;
    --color-accent-200: #FED7AA;
    --color-accent-300: #FDBA74;
    --color-accent-400: #FB923C;
    --color-accent-500: #F97316;
    --color-accent-600: #EA580C;
    --color-accent-700: #C2410C;
    --font-sans: 'Mulish', ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-heading: 'Poppins', ui-sans-serif, system-ui, -apple-system, sans-serif;
    --footer-background: #F5F7FB;
    --footer-heading: #111827;
    --footer-text: #4B5563;
    --footer-link: #0057B8;
    --footer-link-hover: #003F87;
    --footer-border: #E5E7EB;
}

/* Native heading tags site-wide pick up the admin-picked Heading Font.
   Element selectors only (lowest specificity) — the Agency portal's own
   .agency-login-page/.agency-portal h1/h2/h3 rules in flights.css are
   class-scoped and therefore always win over this, so agency chrome is
   unaffected. */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}
