:root {
    /* Blue colors */
    --blue-blue-0: #e7f2f9;
    --blue-blue-1: #c5dff2;
    --blue-blue-6: #5f8ec4;

    /* Brand colors */
    --brand-brand-0: #efedf6;
    --brand-brand-1: #dcd8f3;
    --brand-brand-6: #0235e2;
    --brand-brand-7: #002eda;

    /* Gray colors */
    --gray-gray-0: #f9f9f9;
    --gray-gray-1: #f4f4f4;
    --gray-gray-2: #ececec;
    --gray-gray-3: #dddddd;
    --gray-gray-4: #b9b9b9;
    --gray-gray-5: #9a9a9a;
    --gray-gray-6: #717171;
    --gray-gray-9: #1e1e1e;

    /* Green colors */
    --green-green-0: #e6f6e8;
    --green-green-1: #c2e8c8;
    --green-green-2: #9adaa4;
    --green-green-6: #00a63d;
    --green-green-8: #008326;

    /* Orange colors */
    --orange-orange-0: #faf2e3;
    --orange-orange-1: #f3ddba;
    --orange-orange-6: #d58a3a;
    --orange-orange-7: #ce7d35;

    /* Red colors */
    --red-red-0: #feeaf0;
    --red-red-1: #fdcbd6;
    --red-red-6: #e62445;
    --red-red-7: #d4183e;

    /* White */
    --white: #ffffff;

    /* Text colors */
    --positive-positive-0: #00a63d;
    --negative-negative-0: #e62445;

    /* Primary colors */
    --primary-primary-0: #1e1e1e;

    /* Secondary colors */
    --secondary-secondary-0: #717171;

    /* Spacing */
    --spacing-xs: 2px;
    --spacing-sm: 4px;
    --spacing-md: 8px;
    --spacing-lg: 12px;
    --spacing-xl: 16px;
    --spacing-xxl: 24px;

    /* Border radius */
    --border-radius-sm: 4px;
    --border-radius-md: 6px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;

    /* Button colors */
    --button-color-filled: #ffffff;
    --button-color-light: #0235e2;
    --button-color-light-destructive: #d4183e;
    --button-color-default: #1e1e1e;
    --button-color-disabled: #b9b9b9;

    /* Button heights */
    --button-height-normal: 40px;
    --button-height-compact: 30px;

    /* Font sizes - Title */
    --font-size-h1: 48px;
    --font-size-h2: 24px;
    --font-size-h3: 18px;
    --font-size-h4: 18px;
    --font-size-h5: 16px;
    --font-size-h6: 14px;

    /* Font sizes - Text */
    --font-size-xs: 10px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;

    /* Line heights - Title */
    --line-height-h1: 56px;
    --line-height-h2: 28px;
    --line-height-h3: 22px;
    --line-height-h4: 22px;
    --line-height-h5: 20px;
    --line-height-h6: 18px;

    /* Line heights - Text */
    --line-height-xs: 14px;
    --line-height-sm: 16px;
    --line-height-md: 18px;
    --line-height-lg: 20px;
    --line-height-xl: 24px;
}