/* Clash Display Font - Optimized for Zero Layout Shift (CLS) */

/* Use font-display: optional to prevent layout shifts entirely */
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,600,700&display=optional');

/* Ensure proper font application */
body {
  font-family: 'Clash Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Apply to all elements */
* {
  font-family: inherit;
}

/* Font weight utility classes */
.font-extralight { font-weight: 200; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }