@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');

:root {
    /* Typography */
    --font-display: "Manrope", sans-serif;
    --font-body: "Inter", sans-serif;
    --font-serif: 'Garamond', 'Times New Roman', serif;

    /* User's Exact Premium Palette */
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --primary-glow: rgba(59, 130, 246, 0.4);
    --primary-light: #eef6ff;
    --primary-rgb: 59, 130, 246;

    --secondary: #60a5fa;
    --secondary-dark: #3b82f6;
    --secondary-glow: rgba(96, 165, 250, 0.4);
    --secondary-rgb: 96, 165, 250;

    --accent: #fdba74;
    --accent-glow: rgba(253, 186, 116, 0.4);
    --soft-accent: #fff4e7;

    --success: #34d399;
    --success-dark: #10b981;
    --success-glow: rgba(52, 211, 153, 0.4);
    --success-rgb: 52, 211, 153;

    --danger: #ef4444;
    --danger-dark: #dc2626;
    --danger-glow: rgba(239, 68, 68, 0.4);

    --warning: var(--secondary);
    --warning-dark: #fbbf24;
    --warning-glow: rgba(var(--secondary-rgb), 0.35);

    --info: var(--primary);
    --info-dark: #0284c7;
    --info-glow: rgba(var(--primary-rgb), 0.4);

    --indigo: #6366f1;
    --indigo-dark: #4f46e5;
    --indigo-glow: rgba(99, 102, 241, 0.4);

    --cyan: #06b6d4;
    --cyan-dark: #0891b2;
    --cyan-glow: rgba(6, 182, 212, 0.4);

    /* Exact Match Neutrals */
    --background: #f8fbff;
    --surface: #ffffff;
    --text: #334155;
    --text-dark: #0f172a;
    --muted: #64748b;
    --border: #e6f0fb;
    --soft-blue: #eef6ff;
    --soft-accent: #fff4e7;
    /* Gradient / UI neutrals (pair with --background) */
    --neutral-100: #f1f5f9;

    --text-main: var(--text);
    --text-muted: var(--muted);

    /* Gradients - EXACT Matches */
    --premium-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    --primary-gradient: var(--premium-gradient);
    --secondary-gradient: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
    --success-gradient: linear-gradient(135deg, var(--success) 0%, var(--success-dark) 100%);
    --danger-gradient: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);
    --warning-gradient: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);
    --info-gradient: linear-gradient(135deg, var(--info) 0%, var(--info-dark) 100%);
    --indigo-gradient: linear-gradient(135deg, var(--indigo) 0%, var(--indigo-dark) 100%);
    --cyan-gradient: linear-gradient(135deg, var(--cyan) 0%, var(--cyan-dark) 100%);
    --bg-gradient: linear-gradient(135deg, var(--background) 0%, var(--neutral-100) 100%);

    /* Border & Corner Values */
    --r-xl: 30px;
    --r-lg: 20px;
    --r-md: 12px;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);

    /* Legacy compatibility */
    --brand-blue: var(--primary);
    --brand-yellow: var(--accent);
    --brand-navy: var(--text-dark);

    --sidebar-width: 280px;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    background: var(--background);
    color: var(--text);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, 
.display-font, 
.navbar-brand {
    font-family: var(--font-display);
    color: var(--text-dark);
}