/* Muokkaa näitä arvoja — värit, fontit ja kuvat vaihtuvat koko sivulla. */
:root {
  --brand: #0f766e;
  --brand-dark: #10221f;
  --bg: #f3f6f5;
  --surface: #ffffff;
  --text: #14201e;
  --muted: #5a6b68;
  --line: rgba(16, 34, 31, 0.08);
  --radius: 22px;
  --font: "Manrope", sans-serif;
  --display: "Syne", sans-serif;

  --logo-text: "Yrityksesi";
  --hero-image: url("https://images.unsplash.com/photo-1631679706909-1844bbd07221?auto=format&fit=crop&w=2000&q=80");
  --about-image: url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1200&q=80");
  --work-image: url("https://images.unsplash.com/photo-1600880292089-90a7e086ee0c?auto=format&fit=crop&w=1400&q=80");
  --gallery-1: url("https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=900&q=80");
  --gallery-2: url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=80");
  --gallery-3: url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80");
  --gallery-4: url("https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=900&q=80");
}