/* AlgoDesk design tokens. Source: docs/design/README.md.
   The alpha variants and --text-lead come from the reference HTML itself
   (docs/design/algodesk-home.html, algodesk-talk-to-us.html); they are the only colours allowed beyond the table. */
:root {
    --ground: #1C1E23;
    --surface: #25282E;
    --text: #EDE9E0;
    --text-body: #C4C0B7;
    --text-lead: #C9C5BC;
    --text-muted: #9A978F;

    --hairline: rgba(237, 233, 224, 0.20);
    --hairline-soft: rgba(237, 233, 224, 0.16);
    --hairline-07: rgba(237, 233, 224, 0.07);
    --hairline-14: rgba(237, 233, 224, 0.14);
    --hairline-18: rgba(237, 233, 224, 0.18);
    --hairline-22: rgba(237, 233, 224, 0.22);
    --hairline-28: rgba(237, 233, 224, 0.28);
    --hairline-35: rgba(237, 233, 224, 0.35);
    --hairline-38: rgba(237, 233, 224, 0.38);
    --hairline-45: rgba(237, 233, 224, 0.45);
    --hairline-60: rgba(237, 233, 224, 0.60);

    --brand-red: #E63329;
    --brand-red-hover: #F0483F;
    --brand-blue: #2255A4;
    --brand-yellow: #F5C518;

    --font-sans: Jost, Futura, "Century Gothic", "Trebuchet MS", sans-serif;
    --font-mono: "IBM Plex Mono", Consolas, monospace;

    --wrap-max: 1200px;
    --gutter: 40px;
    --grid-step: 60px;
    --header-height: 76px;
}