/* ============================================================
   Typography — Vuetify Material type scale as seen in the file.
   Roboto for UI; Manrope for brand headings/labels (Gilroy sub).
   ============================================================ */

:root {
  --font-ui: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-brand: 'Manrope', 'Montserrat', var(--font-ui);  /* Gilroy substitute */
  --font-icon: 'Material Icons';

  /* ---- Material type scale (font-size / line-height / letter-spacing) ---- */
  --type-h1-size: 88px;   --type-h1-lh: 96px;  --type-h1-ls: 1.5px;
  --type-h4-size: 34px;   --type-h4-lh: 40px;  --type-h4-ls: 0.25px;   /* section titles (green) */
  --type-h5-size: 24px;   --type-h5-lh: 32px;  --type-h5-ls: 0px;
  --type-h6-size: 20px;   --type-h6-lh: 28px;  --type-h6-ls: 0.15px;
  --type-subtitle1-size: 16px; --type-subtitle1-lh: 24px; --type-subtitle1-ls: 0.15px;
  --type-subtitle2-size: 14px; --type-subtitle2-lh: 22px; --type-subtitle2-ls: 0.1px;
  --type-body1-size: 16px; --type-body1-lh: 24px; --type-body1-ls: 0.5px;
  --type-body2-size: 14px; --type-body2-lh: 20px; --type-body2-ls: 0.25px;  /* default UI text */
  --type-button-size: 14px; --type-button-lh: 16px; --type-button-ls: 1.25px;
  --type-caption-size: 12px; --type-caption-lh: 16px; --type-caption-ls: 0.4px;
  --type-overline-size: 10px; --type-overline-lh: 16px; --type-overline-ls: 1.5px;

  /* ---- 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 */
}