:root {
    /* ========= Brand / Accent ========= */
    --color-primary: oklch(57% 0.15 150);          /* terminal green */
    --color-primary-hover: oklch(50% 0.17 150);

    /* ========= Backgrounds ========= */
    --bg-primary: oklch(14% 0.01 250);             /* terminal black */
    --bg-secondary: oklch(20% 0.012 250);          /* panels */

    /* ========= Borders ========= */
    --border-primary: oklch(32% 0.012 250);
    --border-width: 2px;

    /* ========= Text ========= */
    --text-primary: oklch(92% 0.01 250);           /* main text */
    --text-secondary: oklch(90% 0.01 250);         /* comments */
    --text-muted: oklch(60% 0.01 250);             /* less important text */

    /* ========= States ========= */
    --state-success: oklch(64% 0.16 145);
    --state-error: oklch(62% 0.20 30);
    --state-info: oklch(66% 0.14 220);

    /* ========= Radius ========= */
    --radius-l: .2rem;
    --radius-s: .1rem;
    --radius: .15rem;

    /* ========= Spacing ========= */
    --space-l: .8rem;
    --space-s: .6rem;
    --space: .4rem;

    --space-r-l: .6rem 1rem;
    --space-r-s: .15rem .25rem;
    --space-r: .25rem .75rem;

    --space-x-l: 0.4rem 1.2rem;
    --space-x-s: 0.1rem .4rem;
    --space-x: 0.2rem .8rem;
}