/* css/tokens.css */
@layer tokens, base, layout, components, responsive, hud, a11y;

@layer tokens {

/* ROOT */
:root {
    --black: #050608;
    --black-soft: #090b0f;

    --charcoal: #101318;
    --charcoal-2: #171b21;

    --white: #f7f7f2;

    --gray: #b8bdc5;
    --gray-dark: #7b828c;

    --lime: #d3f00a;
    --lime-light: #e9ff42;

    --purple: #4b13ff;
    --purple-light: #714cff;
    --purple-dark: #251078;

    --red: #f9100c;

    --header-h: 85px;
    --mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;

    --line: #2c323b;
}

}