:root {
    /* Colors */
    --at-graphite: #2a2a2a;
    --at-blue: #0061f3;
    --at-orange: #ff7d00;
    --at-cyan: #00dee5;
    --at-red: #ff2639;
    --at-violet: #8e28f4;
    --white: #ffffff;
    --transparency: rgba(0, 0, 0, 0);
    /* Typography */
    --at-h1: clamp(2rem, 1rem + 3.3333vw, 4rem);
    --at-h2: clamp(1.75rem, 1.125rem + 2.0833vw, 3rem);
    --at-h3: clamp(1.625rem, 1.1875rem + 1.4583vw, 2.5rem);
    --at-h4: clamp(1.375rem, 1.0625rem + 1.0417vw, 2rem);
    --at-h5: clamp(1.25rem, 1.125rem + 0.4167vw, 1.5rem);
    --at-h6: clamp(1.125rem, 1.0625rem + 0.2083vw, 1.25rem);
    --at-body: 1rem;
    --at-small: clamp(0.75rem, 0.71875rem + 0.1042vw, 0.8125rem);
    --at-xs: 0.5625rem;
}