:root {
    /*Spacing*/
    --dgt-space-xs: 10px;
    --dgt-space-sm: 20px;
    --dgt-space-md: 50px;
    --dgt-space-lg: 80px;
    --dgt-space-xl: 150px;

    /* Brand */
    --dgt-primary: #d72638;
    --dgt-primary-hover: #b91c2f;

    /* Dark surfaces */
    --dgt-dark: #18181b;
    --dgt-dark-2: #27272a;
    --dgt-dark-3: #3f3f46;

    /* Light surfaces */
    --dgt-white: #ffffff;
    --dgt-light: #fafafa;
    --dgt-light-2: #f4f4f5;

    /* Text */
    --dgt-text: #18181b;
    --dgt-text-light: #71717a;

    /* Status */
    --dgt-success: #16a34a;
    --dgt-warning: #f59e0b;
    --dgt-danger: #dc2626;
}