/*  ═══════════════════════════════════════════════════════════
    GLSW Design Tokens  — shadcn/ui inspired
    ═══════════════════════════════════════════════════════════ */

:root {
    /* ── Colour palette ──────────────────────────────────────── */
    --background:       hsl(0 0% 100%);
    --foreground:       hsl(222 47% 11%);

    --card:             hsl(0 0% 100%);
    --card-foreground:  hsl(222 47% 11%);

    --popover:          hsl(0 0% 100%);
    --popover-foreground: hsl(222 47% 11%);

    --primary:          hsl(142 72% 29%);       /* Green Light Security green */
    --primary-foreground: hsl(0 0% 100%);

    --secondary:        hsl(210 40% 96%);
    --secondary-foreground: hsl(222 47% 11%);

    --muted:            hsl(210 40% 96%);
    --muted-foreground: hsl(215 16% 47%);

    --accent:           hsl(210 40% 96%);
    --accent-foreground: hsl(222 47% 11%);

    --destructive:      hsl(0 84% 60%);
    --destructive-foreground: hsl(0 0% 98%);

    --emerald:          hsl(142 72% 29%);
    --emerald-light:    hsl(142 76% 95%);

    --blue:             hsl(221 83% 53%);
    --blue-light:       hsl(214 95% 95%);

    --border:           hsl(214 32% 91%);
    --input:            hsl(214 32% 91%);
    --ring:             hsl(142 72% 29%);

    /* ── Radius ──────────────────────────────────────────────── */
    --radius:           0.5rem;
    --radius-sm:        calc(var(--radius) - 2px);
    --radius-lg:        calc(var(--radius) + 2px);
    --radius-xl:        calc(var(--radius) + 4px);

    /* ── Typography ──────────────────────────────────────────── */
    --font-sans:        'Inter', system-ui, -apple-system, sans-serif;

    /* ── Shadows ─────────────────────────────────────────────── */
    --shadow-xs:        0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm:        0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow:           0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-md:        0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-lg:        0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

    /* ── Transitions ─────────────────────────────────────────── */
    --transition-fast:  150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition:       200ms cubic-bezier(0.4, 0, 0.2, 1);
}