:root {
    /* ========= Brand / Accent ========= */
    --color-primary: oklch(60% 0.20 268);
    --color-primary-hover: oklch(52% 0.22 268);

    /* ========= Backgrounds ========= */
    --bg-primary: oklch(11% 0.004 280);
    --bg-secondary: oklch(15% 0.006 282);

    /* ========= Borders ========= */
    --border-primary: oklch(30% 0.008 270);
    --border-width: 1px;

    /* ========= Text ========= */
    --text-primary: oklch(93% 0.008 260);
    --text-secondary: oklch(86% 0.008 260);
    --text-muted: oklch(74% 0.008 260);

    /* ========= States ========= */
    --state-success: oklch(62% 0.14 150);
    --state-error: oklch(60% 0.20 28);
    --state-info: oklch(64% 0.16 260);

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

    /* ========= Spacing ========= */
    --space-l: 1.1rem;
    --space-s: .35rem;
    --space: .7rem;

    --space-r-l: .45rem .9rem;
    --space-r-s: .1rem .2rem;
    --space-r: .2rem .6rem;

    --space-x-l: 0.35rem 1rem;
    --space-x-s: 0.08rem .3rem;
    --space-x: 0.15rem .65rem;
}