/* ============================================================================
   SYCOMP AI PATCH CENTER · TYPOGRAPHY TOKENS
   Three families, strict roles. Sizes are lifted verbatim from the source spec
   sheet — including the half-pixel values (13.5px, 12.5px, 8.6px). Do not snap
   them to a 4px grid.
   ========================================================================== */
:root {
/* Families ---------------------------------------------------------- */
--font-display: "Space Grotesk", Inter, system-ui, sans-serif;
--font-sans:    Inter, system-ui, -apple-system, sans-serif;
--font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

/* Weights ----------------------------------------------------------- */
--fw-regular: 400; /* @kind font */
--fw-medium:  500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:    700; /* @kind font */

/* Size scale (px, as authored in the source sheet) ------------------- */
--fs-micro:  8.5px;   /* chart axis labels, mono                       */
--fs-2xs:    10px;    /* mono step labels, nav micro-labels            */
--fs-xs:     11px;    /* eyebrows, badges                              */
--fs-sm:     12px;    /* field labels, panel tags                      */
--fs-sm-plus:12.5px;  /* table body, dense nav                         */
--fs-base:   13px;    /* button text, secondary body, hints            */
--fs-body:   13.5px;  /* input text                                    */
--fs-md:     15px;    /* document body, h3                             */
--fs-lg:     20px;    /* stat values                                   */
--fs-xl:     22px;    /* section headings (h2)                         */
--fs-display:clamp(34px, 5vw, 52px); /* @kind font */ /* page title (h1)                */

/* Line heights ------------------------------------------------------ */
--lh-tight:  1.05; /* @kind font */    /* display                                       */
--lh-snug:   1.35; /* @kind font */    /* mono chip text                                */
--lh-normal: 1.55; /* @kind font */    /* body copy                                     */

/* Tracking ---------------------------------------------------------- */
--ls-display: -.01em; /* @kind font */ /* all Space Grotesk headings                    */
--ls-nav:      .02em; /* @kind font */ /* wordmark / logo lockup                        */
--ls-label:    .1em; /* @kind font */  /* uppercase mono table headers                  */
--ls-eyebrow:  .14em; /* @kind font */ /* uppercase mono eyebrows                       */

/* Semantic roles ---------------------------------------------------- */
--type-display:   var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-display);
--type-heading:   var(--fw-bold) var(--fs-xl)/1.2 var(--font-display);
--type-subheading:var(--fw-bold) var(--fs-md)/1.3 var(--font-display);
--type-stat:      var(--fw-bold) var(--fs-lg)/1.2 var(--font-display);
--type-body:      var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-sans);
--type-body-sm:   var(--fw-regular) var(--fs-base)/1.5 var(--font-sans);
--type-label:     var(--fw-semibold) var(--fs-sm)/1.4 var(--font-sans);
--type-button:    var(--fw-semibold) var(--fs-base)/1.2 var(--font-sans);
--type-badge:     var(--fw-semibold) var(--fs-xs)/1.4 var(--font-sans);
--type-input:     var(--fw-regular) var(--fs-body)/1.4 var(--font-sans);
--type-mono:      var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--font-mono);
--type-eyebrow:   var(--fw-medium) var(--fs-xs)/1.4 var(--font-mono);
}