/* ==========================================================================
   TYPE-TOKENS-01
   Shared semantic typography tokens for site + dashboard/product surfaces.
   This file defines hierarchy only. Existing surface-specific font stacks
   still resolve through each surface's own family variables.
   ========================================================================== */

:root {
  --type-display-hero-family: var(--font-display, var(--font-ui, var(--font-sans, "Segoe UI", sans-serif)));
  --type-display-hero-size: clamp(3.6rem, 9vw, 6.8rem);
  --type-display-hero-weight: 800;
  --type-display-hero-line-height: 0.9;
  --type-display-hero-letter-spacing: -0.05em;
  --type-display-hero-transform: none;

  --type-display-hero-alt-family: var(--font-display, var(--font-ui, var(--font-sans, "Segoe UI", sans-serif)));
  --type-display-hero-alt-size: clamp(36px, 5vw, 60px);
  --type-display-hero-alt-weight: 500;
  --type-display-hero-alt-line-height: 1.06;
  --type-display-hero-alt-letter-spacing: -0.012em;
  --type-display-hero-alt-transform: none;

  --type-page-headline-family: var(--font-display, var(--font-ui, var(--font-sans, "Segoe UI", sans-serif)));
  --type-page-headline-size: clamp(2.2rem, 3.7vw, 3.35rem);
  --type-page-headline-weight: 800;
  --type-page-headline-line-height: 0.94;
  --type-page-headline-letter-spacing: -0.02em;
  --type-page-headline-transform: none;

  --type-section-headline-family: var(--font-ui, var(--font-sans, "Segoe UI", sans-serif));
  --type-section-headline-size: 30px;
  --type-section-headline-weight: 700;
  --type-section-headline-line-height: 1.08;
  --type-section-headline-letter-spacing: -0.04em;
  --type-section-headline-transform: none;

  --type-body-large-family: var(--font-ui, var(--font-sans, "Segoe UI", sans-serif));
  --type-body-large-size: 19px;
  --type-body-large-weight: 400;
  --type-body-large-line-height: 1.65;
  --type-body-large-letter-spacing: 0;
  --type-body-large-transform: none;

  --type-body-family: var(--font-ui, var(--font-sans, "Segoe UI", sans-serif));
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-line-height: 1.68;
  --type-body-letter-spacing: 0;
  --type-body-transform: none;

  --type-label-family: var(--font-ui, var(--font-sans, "Segoe UI", sans-serif));
  --type-label-size: 11px;
  --type-label-weight: 700;
  --type-label-line-height: 1.1;
  --type-label-letter-spacing: 0.22em;
  --type-label-transform: uppercase;

  --type-meta-family: var(--font-ui, var(--font-sans, "Segoe UI", sans-serif));
  --type-meta-size: 13px;
  --type-meta-weight: 400;
  --type-meta-line-height: 1.5;
  --type-meta-letter-spacing: 0;
  --type-meta-transform: none;

  --type-mono-evidence-family: var(--font-mono, "Cascadia Code", monospace);
  --type-mono-evidence-size: 0.72rem;
  --type-mono-evidence-weight: 700;
  --type-mono-evidence-line-height: 1.1;
  --type-mono-evidence-letter-spacing: 0.14em;
  --type-mono-evidence-transform: uppercase;
}