/* ===========================================================================
   Optimus High Tech — Typography tokens
   Brand typeface: Montserrat (self-hosted via fonts/fonts.css). JetBrains Mono
   (data/mono) is CDN-loaded below — no brand mono was provided.
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Families */
  --font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-sans:    'Montserrat', 'Segoe UI', system-ui, 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 */
  --fw-extra:    800; /* @kind font */

  /* Type scale (rem, 16px base) — fluid SaaS scale */
  --fs-display-2xl: 4.25rem;  /* 68px hero                */
  --fs-display-xl:  3.25rem;  /* 52px page title          */
  --fs-display-lg:  2.5rem;   /* 40px section title       */
  --fs-h1: 2rem;      /* 32px */
  --fs-h2: 1.5rem;    /* 24px */
  --fs-h3: 1.25rem;   /* 20px */
  --fs-h4: 1.125rem;  /* 18px */
  --fs-body-lg: 1.125rem; /* 18px */
  --fs-body: 1rem;        /* 16px */
  --fs-body-sm: 0.875rem; /* 14px */
  --fs-caption: 0.75rem;  /* 12px */
  --fs-overline: 0.6875rem; /* 11px */

  /* Line heights */
  --lh-tight:   1.1; /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* Letter spacing */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-snug:    -0.01em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-wide:    0.04em; /* @kind font */
  --ls-overline: 0.12em; /* @kind font */
}