:root {
    /* Text colors */
    --color-text-primary: #272725;
    --color-text-secondary: #8B8B89;
    --color-text-tertiary: #B9B7AF;
    --color-text-inverse: #FFFFFF;
    --color-text-dark: #0F1113;
    --color-text-light: #636361;
    --color-text-warning: #D4651B;
    --color-text-error: #DE2409;
    --color-text-success: #008949;
    /* Backgrounds */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F9F9F9;
    --color-bg-tertiary: #F0F0EE;
    --color-surface: #E5E5E0;
    --color-rating: #FFCC00;
    --color-error: #DE2409;
    --color-success: #008949;
    --color-info: #E5ECF1;
    --color-recommended: #F0F8FF;
    /* Accent/action */
    --color-accent: #008949;
    --color-accent-hover: #004D0D;
    /* Button */
    --color-btn-bg: #008949;
    --color-btn-bg-hover: #004D0D;
    --color-btn-text: #FFFFFF;
    --color-btn-bg-alt: #272725;
    --color-btn-bg-alt-hover: #2F2F2D;
    --color-btn-bg-disabled: #E5E5E0;
    /* Borders/lines */
    --color-border: #636361;
    --color-border-lightest: #F0F0EE;
    --color-border-lighter: #B9B7AF;
    --color-border-light: #8B8B89;
    --color-border-medium: #79797C;
    /* Font styles */
    --font-family-base: 'Manrope', sans-serif;
    --font-heading-weight: 800;
    --font-heading-size: 36px;
    --font-heading-lineheight: 44px;
    --font-h2-weight: 700;
    --font-h2-size: 28px;
    --font-h2-lineheight: 32px;
    --font-h3b-size: 24px;
    --font-h3b-lineheight: 30px;
    --font-h3-weight: 700;
    --font-h3-size: 18px;
    --font-h3-lineheight: 24px;
    --font-h5-weight: 600;
    --font-h5-size: 16px;
    --font-h5-lineheight: 24px;
    --font-h5-lg-lineheight: 26px;
    --font-h6-weight: 700;
    --font-h6-size: 14px;
    --font-h6-lineheight: 20px;
    --font-body-weight: 500;
    --font-body-size: 14px;
    --font-body-lineheight: 20px;
    --font-body-small-weight: 500;
    --font-body-small-size: 12px;
    --font-body-small-lineheight: 18px;
    --font-caption-weight: 600;
    --font-caption-size: 12px;
    --font-caption-lineheight: 20px;
    --font-btn-big-weight: 600;
    --font-btn-big-size: 16px;
    --font-btn-big-lineheight: 20px;
    --font-btn-small-weight: 500;
    --font-btn-small-size: 14px;
    --font-btn-small-lineheight: 18px;
    /* Simple paragraph font styles */
    --text-xs: 12px;
    --text-xs--line-height: 18px;
    --text-xs--weight: 500;
    --text-sm: 14px;
    --text-sm--line-height: 20px;
    --text-sm--weight: 500;
    --text-md: 16px;
    --text-md--line-height: 24px;
    --text-md--weight: 500;
    --text-lg: 18px;
    --text-lg--line-height: 28px;
    --text-lg--weight: 500;
    --text-xl: 20px;
    --text-xl--line-height: 28px;
    --text-xl--weight: 500;
    --text-2xl: 24px;
    --text-2xl--line-height: 30px;
    --text-2xl--weight: 500;
    --text-3xl: 28px;
    --text-3xl--line-height: 32px;
    --text-3xl--weight: 500;
    /* Letter spacing scale */
    --letter-spacing-xs: -0.72px;
    --letter-spacing-sm: -0.48px;
    --letter-spacing-md: -0.28px;
    --letter-spacing-lg: -0.24px;
    --letter-spacing-xl: -0.18px;
    --letter-spacing-2xl: -0.16px;
    --letter-spacing-3xl: -0.14px;
    --letter-spacing-4xl: -0.12px;
    --letter-spacing-5xl: 0.14px;
    --letter-spacing-6xl: 0.16px;
    /* Container width */
    --container-width: 1200px;
    /* Spacing */
    --spacing: 4px;
    --spacing-0-5: 2px;
    --spacing-1: 4px;
    --spacing-1-5: 6px;
    --spacing-2: 8px;
    --spacing-2-5: 10px;
    --spacing-3: 12px;
    --spacing-3-5: 14px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-6-5: 26px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
    --spacing-13: 50px;
    --spacing-14: 56px;
    --spacing-15: 60px;
    --spacing-16: 64px;
    --spacing-17: 70px;
    --spacing-18: 72px;
    --spacing-19: 76px;
    --spacing-20: 80px;
    --spacing-21: 84px;
    --spacing-22: 90px;
    --spacing-23: 92px;
    --spacing-24: 96px;
    --spacing-25: 100px;
}