@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* Reset and box sizing */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --color-bg-primary: #0b0a32;
  --color-bg-dark: #06061e;
  --color-primary: #aff711;
  --color-accent-orange: #ff5900;
  --color-text-white: #ffffff;
  --color-text-gray: #b0afc5;
  
  --font-anek-bold: "Anek Odia Condensed-Bold", "Inter", sans-serif;
  --font-anek-medium: "Anek Odia Condensed-Medium", "Inter", sans-serif;
  --font-cplt20: "CPLT20-Regular", "Inter", sans-serif;
  --font-inter: "Inter", sans-serif;
}

@font-face {
  font-family: "Anek Odia Condensed-Bold";
  src: url("../fonts/AnekOdia_Condensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Anek Odia Condensed-Medium";
  src: url("../fonts/AnekOdia_Condensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "CPLT20-Regular";
  src: url("../fonts/CPLT20 Headline.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

html, body {
  width: 100%;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  color: var(--color-text-white);
  font-family: var(--font-inter);
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

button, .btn {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  transition: all 0.3s ease;
}

button:focus-visible, a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}