/* Kepler — Typography tokens
   Fonts: Outfit (display/UI sans) + JetBrains Mono (technical/mono).
   Source: pixelLoom-TicketSystem/src/index.css */

:root {
  --font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Sizes — matches Tailwind scale actually used across the app */
  --text-2xs: 0.625rem;   /* 10px — eyebrow labels, badges, table headers */
  --text-xs: 0.75rem;     /* 12px — meta text, captions */
  --text-sm: 0.875rem;    /* 14px — body / form controls */
  --text-base: 1rem;      /* 16px — default body */
  --text-lg: 1.125rem;    /* 18px — card titles */
  --text-xl: 1.25rem;     /* 20px — section headers */
  --text-2xl: 1.5rem;     /* 24px — page headers (mobile) */
  --text-3xl: 1.875rem;   /* 30px — page headers (desktop), KPI values */

  /* Weights */
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  /* Letter spacing */
  --tracking-tight: -0.02em;   /* headings, logo wordmark */
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-widest: 0.1em;    /* uppercase eyebrows / table headers */
  --tracking-logo-sub: 0.4em;  /* "LOOM" sub-wordmark under brand name */

  --line-height-tight: 1.1;
  --line-height-snug: 1.35;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.65;
}