/* @fonts poppins:500,600,700|noto-sans:400,500,600,700 */
/*
 * Motyw „Koral” — usługi dla klientów indywidualnych: salony, opieka, naprawy, zajęcia.
 * Ciepła biel, duet granatu (tekst, nagłówek strony, stopka) i koralowych przycisków z ciemnym napisem.
 * Nagłówki: Poppins, tekst: Noto Sans. Koral jest tłem przycisków; odnośniki są granatowe (--link).
 */
:root {
  --font-body: "Noto Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Poppins", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.02em;

  --bg: #fffcf8;
  --surface: #ffffff;
  --surface-2: #f6f0e8;
  --border: #e6ddd0;
  --border-strong: #a89c8b;
  --text: #162544;
  --text-2: #34425f;
  --muted: #556079;

  --primary: #f0654e;
  --primary-ink: #2b0b05;
  --primary-soft: #fde3dc;
  --link: #1b3a7a;

  --accent: #1f6f8b;
  --accent-ink: #0c3443;
  --accent-soft: #dcedf3;
  --accent-on: #ffffff;

  --ok: #146a4a;
  --danger: #b3261e;

  --header-bg: #162544;
  --header-text: #ffffff;
  --header-border: #2b3c63;

  --hero-bg: #fbeee6;
  --hero-text: #162544;
  --hero-muted: #34425f;

  --footer-bg: #101b33;
  --footer-text: #d7dcea;
  --footer-muted: #97a1bb;
  --footer-border: rgba(255, 255, 255, .13);
  --footer-heading: #f7a797;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 2px 4px rgba(22, 37, 68, .05), 0 16px 32px -20px rgba(22, 37, 68, .32);
}

.btn { border-radius: 999px; padding-inline: 20px; font-weight: 600; }
.chip { border-radius: 999px; }
/* koralowa obwódka fokusu jest za jasna na bieli — granatowa, a w granatowych strefach koralowa */
:focus-visible, .input:focus, .select:focus { outline-color: var(--link); }
.input:focus, .select:focus { border-color: var(--link); }
.site-header :focus-visible, .site-header .input:focus, .site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--primary); }
.reveal__btn:hover, .socials a:hover { border-color: var(--link); }
.blog-picks li::before { color: var(--link); }