:root {
    --sgh-red: #e60228;
    --sgh-blue: #0e1e32;
    --sgh-heading: #0E1E32;
    --sgh-text: #5B5F64;
    --sgh-muted: #959FA8;
    --sgh-border: #E2E6E8;
    --sgh-bg: #F3F4F7;
    --sgh-surface: #ffffff;

    --sgh-success: #18a058;
    --sgh-warning: #f0a202;
    --sgh-danger: #e60228;

    --sgh-space-1: 8px;
    --sgh-space-2: 16px;
    --sgh-space-3: 24px;
    --sgh-space-4: 32px;
    --sgh-space-5: 40px;
    --sgh-space-6: 48px;
    --sgh-space-8: 64px;

    --sgh-radius-sm: 12px;
    --sgh-radius-md: 20px;
    --sgh-radius-lg: 32px;
    --sgh-radius-xl: 40px;

    --sgh-shadow-sm: 0 8px 20px rgba(14, 30, 50, .06);
    --sgh-shadow-md: 0 18px 44px rgba(14, 30, 50, .10);
    --sgh-shadow-lg: 0 28px 80px rgba(14, 30, 50, .16);

    --sgh-font-head: "Fira Sans", Arial, sans-serif;
    --sgh-font-body: "Roboto", Arial, sans-serif;

    --sgh-ease: cubic-bezier(.2,.8,.2,1);
}