/* Superserija 10S — zajednički tokeni i fontovi (TENIS 10S identitet). */
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-ext-800-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-display: swap;
  src: url(/static/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 400; font-display: swap;
  src: url(/static/fonts/barlow-semi-condensed-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 400; font-display: swap;
  src: url(/static/fonts/barlow-semi-condensed-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 500; font-display: swap;
  src: url(/static/fonts/barlow-semi-condensed-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 500; font-display: swap;
  src: url(/static/fonts/barlow-semi-condensed-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 600; font-display: swap;
  src: url(/static/fonts/barlow-semi-condensed-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 600; font-display: swap;
  src: url(/static/fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+25A0-25FF; }

:root {
  --navy: #000061;        /* pozadina TENIS 10S logotipa */
  --navy-duboka: #00003f;
  --navy-red: #070c78;    /* naizmenični red */
  --navy-linija: #1b2290;
  --mint: #82ecd6;        /* loptica, veći deo */
  --magenta: #ef3694;     /* loptica, gornji deo */
  --bela: #ffffff;
  --gore: #3be37a;        /* strelica naviše */
  --dole: #ff5b5b;        /* strelica naniže */
  --crveni: #f0473c;
  --narandzasti: #ff9a1f;
  --zeleni: #b6e33a;
  --tekst-blag: rgba(255, 255, 255, .62);
  --f-uska: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-tekst: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
}

* { box-sizing: border-box; }
.broj { font-variant-numeric: tabular-nums; }

/* loptica nivoa: krug u boji nivoa sa šavom (kao u logotipu) */
.loptica { display: inline-block; width: 1em; height: 1em; border-radius: 50%; position: relative;
  background: var(--l, var(--mint)); overflow: hidden; flex: none; vertical-align: -0.12em; }
.loptica::before, .loptica::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%;
  border: .09em solid var(--navy); }
.loptica::before { left: -58%; top: -2%; }
.loptica::after { left: 58%; top: 2%; }
.loptica.crveni { --l: var(--crveni); }
.loptica.narandzasti { --l: var(--narandzasti); }
.loptica.zeleni { --l: var(--zeleni); }
.loptica.klubovi { --l: var(--mint); }