/**
 * CareBridge RCM Solution - Visual Brand Variables
 * Typography:
 * - Headings: Poppins
 * - Body / Descriptions: Outfit
 */

:root {
    /* Brand Color Palette */
    --color-primary: #0B4F9C;         /* Deep Healthcare Blue */
    --color-primary-bright: #1688D4;  /* Bright Blue */
    --color-green: #62B946;           /* Healthcare Green */
    --color-teal: #12A6A6;            /* Teal */
    --color-dark-navy: #12304A;       /* Dark Navy */
    --color-light-bg: #F5FAFC;        /* Light Background */

    /* Neutrals & Base */
    --color-black: #0A0D14;
    --color-white: #FFFFFF;
    --color-gray-100: #F1F5F9;
    --color-gray-200: #E2E8F0;
    --color-gray-300: #CBD5E1;
    --color-gray-500: #64748B;
    --color-gray-700: #334155;
    --color-text-main: #1E293B;
    --color-text-muted: #64748B;
    --color-border: #E2E8F0;
    --color-border-dark: rgba(255, 255, 255, 0.12);

    /* Typography */
    --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 96px;
    --space-5xl: 120px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    /* Shadows & Transitions */
    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-sm: 0 2px 8px rgba(18, 48, 74, 0.05);
    --shadow-md: 0 12px 30px rgba(18, 48, 74, 0.08);
    --shadow-lg: 0 24px 60px rgba(18, 48, 74, 0.12);
    --shadow-glow: 0 0 35px rgba(22, 136, 212, 0.3);

    /* Layout Constraints */
    --container-max: 1340px;
    --header-height: 84px;
}