/* ============================================================================
   Apicis Solutions — Shared Design Tokens
   ----------------------------------------------------------------------------
   Theme-specific color and surface values live in theme-dark.css and
   theme-light.css. Keep typography, spacing, radius and shared motion here.
   ============================================================================ */

:root {
    /* ---- Typography -------------------------------------------------------- */
    --font-display: 'Montserrat', system-ui, sans-serif;
    --font-body: 'Montserrat', system-ui, sans-serif;

    --headline-xl: clamp(2.25rem, 5vw + 1rem, 3.5rem);
    --headline-lg: clamp(1.75rem, 3vw + 1rem, 2.5rem);
    --headline-md: clamp(1.35rem, 2vw + 0.75rem, 1.75rem);
    --body-lg: 1.125rem;
    --body-md: 1rem;
    --label-md: 0.875rem;
    --label-sm: 0.75rem;

    --tracking-tight: -0.02em;
    --tracking-wide: 0.05em;

    /* ---- Spacing (8px baseline) ------------------------------------------- */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --space-8: 64px;
    --space-12: 96px;
    --space-16: 128px;
    --container-max: 1280px;
    --gutter: 24px;

    /* ---- Radius ------------------------------------------------------------ */
    --radius-sm: 0.25rem;
    --radius: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;

    /* ---- Theme transition origin ------------------------------------------ */
    --theme-switch-x: 50vw;
    --theme-switch-y: 50vh;
}