:root {
    /* ── Colors ───────────────────────────────────────────── */
    --color-primary: #7bc24a;
    --color-primary-dark: #5a9e3a;
    --color-text: #19242b;
    --color-bg-hover: #f2f2f2;
    --color-bg-active: #7a848e;
    --color-white: #fff;

    /* ── Typography ───────────────────────────────────────── */
    --font-size-sm: 15px;
    --font-weight-500: 500;
    --font-weight-bold: 600;

    /* ── Spacing ──────────────────────────────────────────── */
    --space-xs: 0.4rem;
    --space-sm: 0.45rem;
    --space-md: 0.75rem;
    --space-lg: 0.85rem;
    --space-xl: 1.1rem;
    --space-auth-left: 1.5rem;

    /* ── Border & Radius ──────────────────────────────────── */
    --radius-md: 6px;

    /* ── Transitions ──────────────────────────────────────── */
    --transition: 0.2s ease;

    /* ── Navbar specific ──────────────────────────────────── */
    --navbar-logo-height: 49px;
    --navbar-gap: 4px;
    --navbar-primary: #3c4650;
    --navbar-bg-hover: #f2f2f2;
}