/* ===========================================================================
   siriusly.ai - Typography tokens
   Space Grotesk (display) + Plus Jakarta Sans (body/UI) + Space Mono (meta).
   Webfonts come from the Google Fonts CDN - swap for self-hosted @font-face
   if brand-licensed files arrive.
   =========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* Families */
  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Type scale (fluid-friendly px base) */
  --text-display-2xl: 4.5rem;   /* 72 */
  --text-display-xl: 3.5rem;    /* 56 */
  --text-display-lg: 2.75rem;   /* 44 */
  --text-display-md: 2.25rem;   /* 36 */
  --text-heading-lg: 1.75rem;   /* 28 */
  --text-heading-md: 1.375rem;  /* 22 */
  --text-heading-sm: 1.125rem;  /* 18 */
  --text-body-lg: 1.0625rem;    /* 17 */
  --text-body-md: 1rem;         /* 16 */
  --text-body-sm: 0.875rem;     /* 14 */
  --text-caption: 0.8125rem;    /* 13 */
  --text-micro: 0.6875rem;      /* 11 */

  /* Line heights */
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-caps: 0.08em;
}