:root {
    /* Colors */
    --color-accent: #d94b2b;
    --color-accent-dark: #bd3d22;
    --color-title: #242330;
    --color-inc: #141316;
    --color-inc-soft: #615F68;
    --color-on-dark: #f5f2ec;
    --color-on-dark-soft: #9c99a3;
    --color-white: #f4f1ec;
    --color-footer: #111013;
    --color-dark-surface: #1d1c20;
    --color-dark-surface-accent: #2a1b17;
    --color-black: #000000;

    /* Typography */
    --font-family-base: "Manrope", sans-serif;
    --font-family-legal-base: "Inter", sans-serif;
    --font-family-display: "Unbounded", sans-serif;
    --font-family-logo: "Outfit", sans-serif;

    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: clamp(20px, 2vw, 24px);
    --font-size-title-sm: clamp(32px, 3vw, 40px);
    --font-size-title: clamp(36px, 3.8vw, 50px);
    --font-size-title-lg: clamp(40px, 4.25vw, 56px);
    --font-size-display: clamp(48px, 6vw, 80px);

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.1;
    --line-height-heading: 1.2;
    --line-height-body: 1.5;
    --line-height-loose: 1.7;

    /* Spacing */
    --space-2: 2px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-64: 64px;
    --space-80: 80px;

    /* Layout */
    --container-width: 1164px;
    --container-padding: 30px;
    --section-padding: clamp(72px, 8vw, 120px);

    /* Radius */
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 999px;
}