/* ============================================================
   MSSP Agency — Typography tokens
   Typeface: Inter (Regular 400, Medium 500, Semi Bold 600, Bold 700, Light 300).
   Inter is the real brand face — served here from Google Fonts.
   If self-hosting, drop the .woff2 files in assets/fonts/ and swap
   the @import for @font-face rules pointing at them.
   ============================================================ */

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

:root {
  /* Families */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: var(--font-sans);   /* the MSSP wordmark itself is a custom face; UI uses Inter */

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

  /* Type scale — sizes / line-heights transcribed from the Figma frames.
     display-* = big brand statements; heading-* = section & card titles;
     body-* = running copy; label/caption = UI + meta. */
  --fs-display-xl: 96px; /* @kind font */
  --lh-display-xl: 1.0;  /* @kind font */
  --fs-display-lg: 64px; /* @kind font */
  --lh-display-lg: 1.05; /* @kind font */
  --fs-display-md: 48px; /* @kind font */
  --lh-display-md: 1.1;  /* @kind font */
  --fs-heading-xl: 40px; /* @kind font */
  --lh-heading-xl: 1.2;  /* @kind font */
  --fs-heading-lg: 36px; /* @kind font */
  --lh-heading-lg: 1.2;  /* @kind font */
  --fs-heading-md: 30px; /* @kind font */
  --lh-heading-md: 1.27; /* @kind font */
  --fs-heading-sm: 24px; /* @kind font */
  --lh-heading-sm: 1.25; /* @kind font */
  --fs-body-lg: 20px;    /* @kind font */
  --lh-body-lg: 1.5;     /* @kind font */
  --fs-body-md: 18px;    /* @kind font */
  --lh-body-md: 1.5;     /* @kind font */
  --fs-body-sm: 16px;    /* @kind font */
  --lh-body-sm: 1.5;     /* @kind font */
  --fs-label: 14px;      /* @kind font */
  --lh-label: 1.43;      /* @kind font */
}