/*
Theme Name: KDevents
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: Custom WordPress theme for KDEvents.
Version: 1.0
Text Domain: kdevents
*/

:root {
	--color-bg: #010101;
	--color-hero: #D3AB67;
	--color-card: #1A1A1A;
	--color-text: #FFFFFF;
	--font-body: 'Eurostile', sans-serif;
	--font-heading: 'Eurostile LT Std', sans-serif;
	--fs-120: 90px;
	--fs-78: 58px;
	--fs-68: 51px;
	--fs-60: 45px;
	--fs-48: 36px;
	--fs-42: 32px;
	--fs-36: 27px;
	--fs-32: 24px;
	--fs-30: 23px;
	--fs-28: 21px;
	--fs-26: 20px;
	--fs-24: 18px;
	--fs-22: 17px;
	--fs-20: 15px;
	--fs-18: 14px;
	--fs-16: 16px;
	--fs-14: 14px;
	--fs-2-5rem: 2.5rem;
	--fs-2rem: 2rem;
	--fs-1-5rem: 1.5rem;
	--fs-1rem: 1rem;
	--fs-clamp-hero: clamp(3rem, 8vw, 5rem);
	--fs-clamp-subhero: clamp(1.8rem, 5vw, 2.5rem);
	--fs-clamp-feature: clamp(1.4rem, 5vw, 2rem);
	--fs-clamp-title: clamp(1.4rem, 3.5vw, 2.2rem);
	--fs-clamp-body: clamp(1.1rem, 2.5vw, 1.3rem);
	--fs-clamp-small: clamp(0.9rem, 2vw, 1rem);
	--fs-clamp-cta: clamp(18px, 2.2vw, 22px);
	--fs-clamp-card: clamp(16px, 2vw, 28px);
  }
  
  /* Import Fonts */
  @font-face {
	font-family: 'Eurostile';
	src: url('assets/fonts/eurostile/Eurostile-Regular.woff2') format('woff2'),
		 url('assets/fonts/eurostile/Eurostile-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Eurostile';
	src: url('assets/fonts/eurostile/EUROSTILE-BOLD.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Eurostile LT Std';
	src: url('assets/fonts/eurostile-lt-std/EUROSTILELTSTD.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
  }
  body {
	font-family: var(--font-body);
	background: var(--color-bg);
	color: var(--color-text);
	margin: 0 !important;
  }
  html {
	overflow-x: hidden !important;
  }
  h1, h2, h3 {
	font-family: var(--font-heading);
	color: var(--color-hero);
	font-weight: 700;
  }