/* 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;
}