/* ==========================================================================
   variables.css — Design tokens (theme-agnostic)
   Colors are defined in theme-dark.css / theme-light.css
   ========================================================================== */

:root {
    /* Font families */
    --font-body: 'OpenSans', 'Open Sans', sans-serif;
    --font-nav: 'Hoverboard', sans-serif;
    --font-title: 'Hoverboard', sans-serif;

    /* Font sizes */
    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-base: 14px;
    --fs-md: 16px;
    --fs-lg: 18px;
    --fs-xl: 22px;
    --fs-2xl: 28px;

    /* Font weights */
    --fw-regular: 400;
    --fw-bold: 700;
    --fw-black: 900;

    /* Letter spacing */
    --ls-normal: 0;
    --ls-tight: -0.02em;
    --ls-wide: 0.04em;
    --ls-extra-wide: 0.08em;

    /* Line heights */
    --lh-tight: 1.2;
    --lh-normal: 1.5;
    --lh-relaxed: 1.7;

    /* Spacing scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-2xl: 32px;
    --space-3xl: 48px;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Layout */
    --nav-height: 68px;
    --sidebar-width: 360px;
    --sidebar-min-width: 300px;
    --sidebar-max-width: 700px;
    --max-content-width: 1200px;
    --input-height: 42px;
    --touch-target: 44px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 200ms ease;
    --transition-slow: 300ms ease;
}