/*
 * RightFlo app — brand tokens
 * ---------------------------
 * Mirrors the brand palette and typography from /marketing-website/rightflo.css.
 * Keep variable names identical to the marketing site so brand changes
 * copy-paste cleanly between projects.
 *
 * Palette:
 *   Navy  #0B1D3A  primary dark, nav, headings
 *   Blue  #2563EB  accent, links, interactive
 *   Green #10B981  success, AI, brand gradient end
 *   Mint  #E6F7F3  light background, AI highlight
 *   Ice   #F3F6F9  section backgrounds
 *
 * Typography:
 *   Headings: DM Serif Display (serif)
 *   Body:     Inter (sans-serif)
 */

:root {
    --navy: #0B1D3A;
    --blue: #2563EB;
    --green: #10B981;
    --mint: #E6F7F3;
    --ice: #F3F6F9;
    --white: #FFFFFF;
    --gray-50: #F8FAFC;
    --gray-100: #F1F5F9;
    --gray-200: #E2E8F0;
    --gray-300: #CBD5E1;
    --gray-400: #94A3B8;
    --gray-500: #64748B;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1E293B;

    --gradient-brand: linear-gradient(135deg, #2563EB 0%, #10B981 100%);

    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;
}

body {
    font-family: var(--font-sans);
    color: var(--gray-700);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    color: var(--navy);
    letter-spacing: -0.02em;
}

a { color: var(--blue); text-decoration: none; }
a:hover { color: var(--navy); }

.navbar-brand img { display: block; }

.brand-gradient-text {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}