/* Ezoora Group brand layer, loaded after the template's style.css.
   Colours come from the brand kit (6-brand-colors/colors.css). */

@font-face { font-family: "Outfit"; font-weight: 400; font-display: swap; src: url(../fonts/Outfit-400.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 500; font-display: swap; src: url(../fonts/Outfit-500.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 600; font-display: swap; src: url(../fonts/Outfit-600.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 700; font-display: swap; src: url(../fonts/Outfit-700.woff2) format("woff2"); }

:root {
  --ezoora-navy: #05204E;
  --ezoora-blue: #0171FD;
  --ezoora-blue-light: #3D8BFF;
  --ezoora-blue-text: #0A5BDB;
  --ezoora-dark: #081633;
  --ezoora-ghost: #12306B;
  --ezoora-white: #FFFFFF;
  --ezoora-mist: #E9F0FF;
  --ezoora-line: #DDE6F7;
  --font-brand: "Outfit", system-ui, sans-serif;
}

/* The template's display font (Russo One) only had one heavy weight. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

::selection {
  background-color: var(--ezoora-blue);
  color: var(--ezoora-white);
}

/* Ezoora symbol badge over the home "about" photo (images/about/about-06.png
   is a 1000px-wide export, so it needs an explicit size). */
.about-img .about-logo {
  width: clamp(110px, 30%, 180px);
}

.about-img .about-logo img {
  width: 100%;
  height: auto;
}

/* Coming-soon countdown: equal-width digits so the row doesn't shift
   every second as the numbers change. */
.countdown-wrapper .countdown span {
  font-variant-numeric: tabular-nums;
}