:root {
  --bg: #0F0F0F;
  --card: #161616;
  --card2: #121212;
  --line: #2a2a2a;
  --text: #e8eef6;
  --muted: #93a4b8;
  --accent: #D4AF37;
  --danger: #ff5c5c;
  --warn: #f7c948;
}

/* Otsikko: kulta -> valkoinen -> sininen liukuväri */
h1 {
  background-image: linear-gradient(90deg, #D4AF37, #f0f0f0 50%, #0090BC);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Navigaatiolinkit FiSU-sinisellä */
nav a {
  color: #4fb8dd;
}
nav a:hover {
  color: #7ad4f0;
}

/* Logokoon tasapainotus */
img[alt="Iron Club"] { height: 34px; }
img[alt="FiSU"] { height: 44px; }

/* FiSU-logo hieman vasemmalle */
img[alt="FiSU"] { margin-left: -18px !important; }

/* FiSU-logo vielä reilummin vasemmalle */
img[alt="FiSU"] { margin-left: -35px !important; }

/* FiSU-logo 5x reilummin vasemmalle */
img[alt="FiSU"] { margin-left: -175px !important; }

/* Mobiilissa FiSU-logo ei saa kadota - pienempi margin kapealla näytöllä */
@media (max-width: 700px) {
  img[alt="FiSU"] { margin-left: 6px !important; }
}

/* Topbar linjaan containerin (1400px keskitetty) kanssa isoilla näytöillä */
.topbar {
  padding-left: max(24px, calc((100vw - 1400px) / 2 + 24px));
  padding-right: max(24px, calc((100vw - 1400px) / 2 + 24px));
}
@media (max-width: 600px) {
  .topbar { padding-left: 14px !important; padding-right: 14px !important; }
}