/* ===== Local Fonts (TTF) ===== */
@font-face{
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ===== Typography tokens (used across CSS) ===== */
:root{
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-heading: "Montserrat", "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Back-compat (sizning kodlaringiz uchun) */
  --font-main: var(--font-sans);
}

:root{
  /* Primary = Green */
  --color-primary: #16a34a;       /* green-600 */
  --primary-rgb: 22, 163, 74;

  /* Accent (ixtiyoriy) */
  --color-accent: #22c55e;        /* green-500 */
  --accent-rgb: 34, 197, 94;

  /* Text tokens */
  --color-text: #0b1220;
  --color-muted: rgba(11,18,32,0.65);

  /* Background */
  --color-bg: #f8fafc;
}

html {
  scroll-behavior: smooth;
}

:root{
  --navbar-h: 72px; /* default fallback */
}