:root {
    /* Color — brand */
    --color-brand-primary: #145064;
    --color-brand-primary-hover: #0e3d4d;
    --color-brand-primary-light: #e8f0f3;

    /* Color — text */
    --color-text-main: #1a1d1f;
    --color-text-secondary: #75787b;

    /* Color — surface */
    --color-surface-background: #ffffff;
    --color-surface-base: #f5f6f6;
    --color-surface-border: #c8c9c7;

    /* Color — status */
    --color-status-success: #2e7d4f;
    --color-status-star: #f2a93b;
    --color-status-error: #c0392b;

    /* Typography — font family */
    --typography-font-family-heading: 'Montserrat', sans-serif;
    --typography-font-family-body: 'Inter', sans-serif;

    /* Typography — font weight */
    --typography-font-weight-regular: 400;
    --typography-font-weight-medium: 500;
    --typography-font-weight-semibold: 600;
    --typography-font-weight-bold: 700;

    /* Typography — font size */
    --typography-font-size-caption: 12px;
    --typography-font-size-secondary: 14px;
    --typography-font-size-body: 16px;
    --typography-font-size-h3: 18px;
    --typography-font-size-h2: 24px;
    --typography-font-size-h1: 32px;
    --typography-font-size-display: 48px;

    /* Typography — line height */
    --typography-line-height-caption: 16px;
    --typography-line-height-base: 24px;
    --typography-line-height-h3: 24px;
    --typography-line-height-h2: 32px;
    --typography-line-height-h1: 40px;
    --typography-line-height-display: 56px;

    /* Spacing */
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 24px;
    --spacing-6: 32px;
    --spacing-7: 40px;
    --spacing-8: 48px;
    --spacing-9: 56px;
    --spacing-10: 64px;

    /* Border radius */
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-full: 9999px;

    /* Border width */
    --border-width-default: 1px;
    --border-width-active: 2px;

    /* Sizing */
    --sizing-icon: 16px;
    --sizing-container: 1200px;
    --sizing-mobile-sticky-bar: 64px;
    --sizing-button-height-large: 48px;
    --sizing-button-height-medium: 40px;
    --sizing-button-height-small: 32px;
}