/* SRK design-tokenit (design_handoff README). Kulmat suorat, ei varjoja. */
:root {
  --c-brand: #4a96cb;          /* palkit, alatunniste, korostusviivat */
  --c-button: #2f7ab3;         /* painike ja CTA-tausta */
  --c-button-hover: #246392;
  --c-link: #1f5f8f;           /* linkki ja korostettu teksti */
  --c-link-hover: #174a70;
  --c-text: #222;
  --c-text-2: #444;
  --c-text-3: #555;
  --c-line: #d6dee6;
  --c-line-light: #e3e9ef;
  --c-line-dark: #c9d8e5;
  --c-bg-light: #eef5fb;
  --c-bg-section: #f4f7fa;
  --c-bg-image: #e4ebf1;
  --c-white: #fff;
  --c-on-brand: #fff;         /* teksti brändivärin päällä (yläpalkki, alatunniste) */
  --c-on-button: #fff;        /* teksti painikkeen ja CTA:n päällä */

  --font: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  --max-w: 1184px;
  --pad-x: clamp(16px, 4vw, 48px);
  --pad-section: clamp(32px, 5vw, 56px);
  --touch: 44px;
  --bp-desktop: 760px;
}