/* Muokkaa näitä arvoja — värit, fontit ja kuvat vaihtuvat koko sivulla. */
:root {
  --brand: #6d4aff;
  --brand-dark: #16161f;
  --bg: #f4f3f8;
  --surface: #ffffff;
  --text: #16161f;
  --muted: #5f5f6e;
  --line: rgba(22, 22, 31, 0.08);
  --radius: 22px;
  --font: "Manrope", sans-serif;
  --display: "Syne", sans-serif;

  --logo-text: "Yrityksesi";
  --hero-image: url("https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=2000&q=80");
  --about-image: url("https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1100&q=80");
  --work-image: url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1400&q=80");
}