/* 
 * Cairo Local Fonts - Downloaded from Google Fonts
 * Following Hyva Theme best practices for local font implementation
 * https://docs.hyva.io/hyva-themes/faqs/how-to-custom-fonts.html#local-font-files
 */

/* Cairo Light 200 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/cairo-200.ttf') format('truetype');
}

/* Cairo Light 300 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/cairo-300.ttf') format('truetype');
}

/* Cairo Regular 400 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cairo-400.ttf') format('truetype');
}

/* Cairo Medium 500 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/cairo-500.ttf') format('truetype');
}

/* Cairo SemiBold 600 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/cairo-600.ttf') format('truetype');
}

/* Cairo Bold 700 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/cairo-700.ttf') format('truetype');
}

/* Cairo ExtraBold 800 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/cairo-800.ttf') format('truetype');
}

/* Cairo Black 900 */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/cairo-900.ttf') format('truetype');
}

/* Apply Cairo as Default Font Family */
:root {
  --cairo-font: 'Cairo', 'Arial', 'Tahoma', 'Dubai', 'Segoe UI', sans-serif;
}

/* Global Font Application */
html,
body {
  font-family: var(--cairo-font);
}

/* All elements inherit the font */
* {
  font-family: inherit;
}

/* Typography Hierarchy with Cairo */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--cairo-font);
}

/* Ensure buttons, inputs, and form elements use Cairo */
button,
input,
textarea,
select,
label {
  font-family: var(--cairo-font);
}

/* Menu and navigation elements */
.menu,
.navigation,
nav {
  font-family: var(--cairo-font);
}

/* Content elements */
p, span, div, a, li, td, th {
  font-family: var(--cairo-font);
}