/* ==========================================================================
   CLASH DISPLAY FONT SYSTEM
   Designed by Indian Type Foundry (ITF) / Fontshare
   Loaded via Fontshare CDN with jsDelivr @fontsource fallback
   ========================================================================== */

@import url('https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700&display=swap');

/* Fallback @font-face declarations via jsDelivr CDN */
@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/clash-display@5.0.0/files/clash-display-latin-200-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/clash-display@5.0.0/files/clash-display-latin-300-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/clash-display@5.0.0/files/clash-display-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/clash-display@5.0.0/files/clash-display-latin-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/clash-display@5.0.0/files/clash-display-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/clash-display@5.0.0/files/clash-display-latin-700-normal.woff2') format('woff2');
}

/* Design Tokens for Typography */
:root {
  --font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-accent: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-serif: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-sans: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Universal Typography Enforcement: Clash Display for All */
html,
body,
*,
*::before,
*::after {
  font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.section-heading,
.heading-display,
.serif-heading,
.page-hero-title,
.section-title,
.logo-name,
.logo-tag,
.nav-link,
.btn,
.btn-primary,
.btn-outline,
.btn-secondary,
.btn-wa,
.btn-connect,
.card-title,
.card-tag,
.stat-num,
.stat-label,
.footer-logo-name,
.footer-logo-tag,
.footer-col-title,
.footer-link,
input, button, select, textarea, optgroup {
  font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}