:root {
  --color-cyan: #38a8d8;
  --color-cyan-soft: #5bc0e8;
  --color-cyan-mist: #e8f6fc;
  --color-navy: #102848;
  --color-navy-deep: #0a1a30;
  --color-navy-mid: #183858;
  --color-ink: #132033;
  --color-muted: #5a6b7c;
  --color-line: #d7e3ec;
  --color-snow: #f5f9fc;
  --color-white: #ffffff;
  --color-danger: #b42318;
  --color-ok: #1f7a4d;

  /* Бренд-кольори студії-розробника (footer-credit, footer_developer_links_skill) */
  --pl-violet: #7b2cbf;
  --pl-orange: #e65100;

  --font-display: "Geologica", "Segoe UI", sans-serif;
  --font-hero: "Unbounded", "Geologica", "Segoe UI", sans-serif;
  --font-body: "Onest", "Segoe UI", sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --radius-sm: 0.35rem;
  --radius-md: 0.6rem;
  --radius-lg: 1rem;

  --shadow-soft: 0 10px 30px rgba(16, 40, 72, 0.08);
  --header-h: 4.25rem;
  --container: 72rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}