/* Pulled from pureoxylife.com's own stylesheet so Polaris visually matches the PureOxy Life brand. */
:root {
    --color-primary:       #0F95E3;
    --color-primary-dark:  #0B6FA8;
    --color-accent:        #06D9FA;
    --color-heading:       #3D4459;
    --color-text:          #353535;
    --color-text-muted:    #6a6a6a;
    --color-bg:            #FFFFFF;
    --color-bg-alt:        #F2F7FB;
    --color-border:        #E3EAF1;
    --color-success:       #1F9D55;
    --color-warning:       #E0A800;
    --color-danger:        #D64545;
    --color-white:         #FFFFFF;

    --color-primary-tint:  #E7F4FD;
    --color-accent-tint:   #E2FBFE;

    --font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;

    --header-height: 56px;
    --sidebar-width: 220px;

    /* Minimum touch target size per WCAG/mobile guidance — every button/link/input should meet this. */
    --tap-target-min: 44px;

    --shadow-sm: 0 1px 3px rgba(20, 30, 50, 0.06);
    --shadow-md: 0 4px 12px rgba(20, 30, 50, 0.08);
    --shadow-lg: 0 12px 32px rgba(20, 30, 50, 0.14);
    --focus-ring: 0 0 0 3px rgba(15, 149, 227, 0.18);

    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}