/* ==========================================================================
   den-kit: fonts.css
   Shared typography rules, font declarations, and size utility helpers
   ========================================================================== */

@font-face {
  font-family: 'Den Display';
  src: url('/kit/v1/fonts/anton-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Den UI';
  src: url('/kit/v1/fonts/inter-var.woff2') format('woff2-variations'),
       url('/kit/v1/fonts/inter-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   Typography Utility Classes
   ========================================================================== */

.den-display {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  text-transform: uppercase;
  line-height: 0.95;
  letter-spacing: 0.04em;
}

.den-kicker {
  font-family: var(--den-font-family-ui, 'Den UI', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
  font-weight: 800;
  font-size: var(--den-font-caption, clamp(0.75rem, 0.4vw + 0.3rem, 0.875rem));
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--den-gold-light, #FFD700);
  line-height: 1.2;
}

.den-body {
  font-family: var(--den-font-family-ui, 'Den UI', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
  font-weight: 400;
  font-size: var(--den-font-body, clamp(0.875rem, 0.6vw + 0.3rem, 1rem));
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--den-text-secondary, #E8E8F0);
}

.den-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* ==========================================================================
   TV & Stage Scale Utility Helpers
   ========================================================================== */

.den-tv-hero {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  font-size: var(--den-font-display-hero, clamp(2.75rem, 6vw + 1rem, 6.5rem));
  line-height: 0.95;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.den-tv-display {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  font-size: var(--den-font-display-tv, clamp(2.25rem, 4.5vw + 1rem, 5rem));
  line-height: 0.95;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.den-tv-h1 {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  font-size: var(--den-font-h1, clamp(1.75rem, 3vw + 0.5rem, 3.25rem));
  line-height: 1.05;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.den-tv-h2 {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  font-size: var(--den-font-h2, clamp(1.35rem, 2vw + 0.5rem, 2.25rem));
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.den-tv-h3 {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  font-size: var(--den-font-h3, clamp(1.15rem, 1.4vw + 0.3rem, 1.65rem));
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.den-tv-room-code {
  font-family: var(--den-font-family-display, 'Den Display', Impact, 'Arial Narrow', sans-serif);
  font-size: var(--den-font-room-code, clamp(2.5rem, 7vw, 4.25rem));
  line-height: 0.95;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.den-tv-body-lg {
  font-family: var(--den-font-family-ui, 'Den UI', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
  font-size: var(--den-font-body-lg, clamp(1rem, 0.9vw + 0.3rem, 1.25rem));
  line-height: 1.4;
}

.den-tv-body {
  font-family: var(--den-font-family-ui, 'Den UI', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
  font-size: var(--den-font-body, clamp(0.875rem, 0.6vw + 0.3rem, 1rem));
  line-height: 1.5;
}

.den-tv-caption {
  font-family: var(--den-font-family-ui, 'Den UI', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif);
  font-size: var(--den-font-caption, clamp(0.75rem, 0.4vw + 0.3rem, 0.875rem));
  line-height: 1.4;
}