/* @fonts epilogue:500,600,700|be-vietnam-pro:400,500,600,700 */
/*
 * Motyw „Wrzos” — szkoły, kursy, szkolenia, studia graficzne i usługi kreatywne.
 * Jasna, chłodna szarość tła z białymi kartami, wrzosowy fiolet jako kolor marki, morska zieleń w wyróżnieniach.
 * Nagłówki: Epilogue, tekst: Be Vietnam Pro. Miękkie narożniki, liliowa sekcja otwierająca.
 */
:root {
  --font-body: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;
  --font-display: "Epilogue", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.025em;

  --bg: #f4f4f8;
  --surface: #ffffff;
  --surface-2: #e8e7f0;
  --border: #d6d4e2;
  --border-strong: #9895ad;
  --text: #1f1d2b;
  --text-2: #3f3c50;
  --muted: #595670;

  --primary: #6b4a9e;
  --primary-ink: #ffffff;
  --primary-soft: #ebe3f6;
  --link: #5b3d8a;

  --accent: #0f7a6c;
  --accent-ink: #063d35;
  --accent-soft: #d9f0ec;
  --accent-on: #ffffff;

  --ok: #0f6a4b;
  --danger: #b3261e;

  --header-bg: #ffffff;
  --header-text: #1f1d2b;
  --header-border: #d6d4e2;

  --hero-bg: #e7e1f2;
  --hero-text: #1f1d2b;
  --hero-muted: #3f3c50;

  --footer-bg: #211c33;
  --footer-text: #dcd8e8;
  --footer-muted: #a39dba;
  --footer-border: rgba(255, 255, 255, .13);
  --footer-heading: #ffffff;

  --radius: 12px;
  --radius-lg: 18px;
  --shadow: 0 1px 2px rgba(33, 28, 51, .05), 0 16px 34px -22px rgba(33, 28, 51, .34);
}

.brand { font-weight: 700; }
.brand__mark { border-radius: 50%; }
.badge { border-radius: 8px; }
.btn { font-weight: 600; }
.see-also, .contact-form__ok { border-left-width: 3px; }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }