/* ==========================================================================
   Symfony AI — Typography tokens
   --------------------------------------------------------------------------
   Two families do all the work:
     • Ubuntu Sans  — headings, UI titles, buttons (the "ff-title" voice)
     • JetBrains Mono — code, terminals, inline code, version/model strings
   Body copy runs on the system UI stack for speed and native feel.
   ========================================================================== */

:root {
    /* ---- Families ------------------------------------------------------- */
    --font-display: 'Ubuntu Sans Variable', 'Ubuntu', system-ui, sans-serif;
    --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    /* ---- Type scale (rem) ----------------------------------------------- */
    --text-xs: 0.75rem; /* 12px — badges, captions, code labels           */
    --text-sm: 0.875rem; /* 14px — UI labels, small body                   */
    --text-base: 1rem; /* 16px — body                                    */
    --text-lg: 1.125rem; /* 18px — lead paragraphs                         */
    --text-xl: 1.25rem; /* 20px — H4 / card titles                        */
    --text-2xl: 1.5rem; /* 24px — H3                                      */
    --text-3xl: 1.875rem; /* 30px — H2                                      */
    --text-4xl: 2.5rem; /* 40px — H1                                      */
    --text-5xl: 3.25rem; /* 52px — hero display                            */

    /* ---- Weights (Ubuntu Sans is variable 100–800) ---------------------- */
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;

    /* ---- Line heights --------------------------------------------------- */
    --leading-tight: 1.1;
    --leading-snug: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.7; /* prose / cookbook body                        */

    /* ---- Letter spacing ------------------------------------------------- */
    --tracking-tight: -0.02em;
    --tracking-normal: 0;
    --tracking-wide: 0.05em; /* uppercase eyebrows / sublabels            */
}