/* assets/css/public/variables.css */
:root {
    /* Colors - Medical SaaS Palette */
    --primary: #123C73;         /* Medical Navy */
    --primary-hover: #0d2b52;
    --primary-light: #e6eef7;
    
    --secondary: #2563EB;       /* Healthcare Blue */
    --secondary-hover: #1d4ed8;
    --secondary-light: #eff6ff;

    --accent: #14B8A6;          /* Dental Teal */
    --accent-hover: #0d9488;
    --accent-text: #0F766E;     /* WCAG AA compliant on white */
    --accent-light: #f0fdfa;

    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    
    --premium-gold: #D4A017;
    
    /* Backgrounds */
    --bg-white: #FFFFFF;
    --bg-surface: #F8FAFC;
    --bg-surface-alt: #F1F5F9;

    /* Text Colors */
    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --text-muted: #94A3B8;
    --text-inverse: #FFFFFF;

    /* Border Radii */
    --radius-sm: 8px;
    --radius-md: 14px;          /* Inputs & Buttons */
    --radius-lg: 24px;          /* Cards & Images */
    --radius-pill: 9999px;

    /* Shadows (Soft SaaS) */
    --shadow-sm: 0 2px 10px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 20px rgba(15, 23, 42, 0.06);
    --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.08);
    --shadow-xl: 0 24px 60px rgba(15, 23, 42, 0.12);
    --shadow-focus: 0 0 0 4px rgba(37, 99, 235, 0.15);

    /* Typography */
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    
    /* Transitions */
    --transition-fast: 0.15s ease-in-out;
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Layout */
    --nav-height: 80px;
    --section-spacing-y: 100px;
}