/* ============================================================
   STREETWEAR - DESIGN TOKENS
   Colour palette, typography scale, spacing, global resets.
   Font 'Barlow' / 'Oswald' / 'Barlow Condensed' load from Google Fonts.
   ============================================================ */

:root{
  /* surfaces */
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f5f5f3;
  --surface-3:#ececea;

  /* black scale */
  --black:#0a0a0a;
  --black-2:#141414;

  /* lines */
  --line:#e6e6e4;
  --line-2:#d2d2cf;

  /* brand red */
  --red:#c8102e;
  --red-deep:#9a0820;
  --red-bright:#e6142e;

  /* text */
  --text:#0a0a0a;
  --text-mid:#3a3a3a;
  --text-dim:#7a7a78;
  --text-on-dark:#f4f1eb;

  /* layout */
  --max:1400px;
  --pad: clamp(20px, 4vw, 56px);
}

/* ============ GLOBAL RESET ============ */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
/* Bez plavog highlighta na klik (mis/touch) - zadrzi focus ring samo za tastaturu (pristupacnost) */
:focus{outline:none}
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
html,body{
  background:var(--bg);
  color:var(--text);
  font-family:'Barlow',sans-serif;
  font-weight:400;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body{overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}

/* ============ BASE TYPOGRAPHY ============ */
h1,h2,h3,h4,h5,.display{
  font-family:'Oswald',sans-serif;font-weight:600;
  letter-spacing:.005em;line-height:.95;text-transform:uppercase;
}
.cond{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.mono{font-family:'Barlow Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}
.eyebrow .dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:8px;vertical-align:middle;transform:translateY(-1px)}