@layer tokens {
      :root {
        --color-1: #ffffff;
        --color-2: #0b0b0b;
        --color-3: #f2f2f2;
        --color-4: #6b6b6b;
        --color-5: #8f8f8f;
        --color-6: #5050F8;
        --color-8: #dadada;
        --font-1: "Host Grotesk", "Host Grotesk Fallback", Arial, sans-serif;
        --radius-1: 999px;
        --shadow-1: 0 0 0 1.5px var(--color-1);
        --shadow-2: inset 0 0 0 1px var(--color-2);
        --shadow-3: inset 0 0 0 1px var(--color-8);
        --space-1: clamp(16px, 2.4vw, 32px);
        --space-2: max(var(--space-1), 31vw - 110px);
        --space-3: max(112px, 40vw - 40px);
        --space-4: clamp(10px, 1.1vw, 16px);
      }
    }