/* =====================================================================
   Усвідомлене дихання / Conscious Breathing — design tokens.
   Air: white space, aurora blur blobs, floating elements, fresh energy.
   Reference variables only. All fonts ship full Cyrillic + Latin.
   ===================================================================== */

:root {
  color-scheme: light;

  /* ---- Surfaces ---- */
  --c-white:      #FDFDFB; /* page background */
  --c-surface:    #FFFFFF;
  --c-ink:        #16303A; /* deep sea ink — text */
  --c-muted:      #5D7078;

  /* ---- Fresh accents ---- */
  --c-sea:        #2AA5C9; /* bright sea — energy */
  --c-sea-deep:   #1D7E9C;
  --c-lemon:      #F6CE4B;
  --c-mint:       #6FCF97;

  /* ---- Aurora blobs (blurred atmosphere) ---- */
  --blob-sky:     #C4E8F4;
  --blob-lemon:   #FBEFC2;
  --blob-mint:    #D9F2E1;

  /* ---- Typography: exactly two families ---- */
  --font-display: "Playfair Display", Georgia, serif; /* headings + italic accents */
  --font-body:    "Onest", system-ui, "Segoe UI", Roboto, sans-serif; /* everything else */

  --fs-display:   clamp(2.5rem, 6vw, 4.8rem);
  --fs-h2:        clamp(1.7rem, 3.4vw, 2.7rem);
  --fs-h3:        1.3rem;
  --fs-body:      1.0625rem;
  --fs-small:     0.875rem;
  --fs-label:     0.78rem;

  --lh-body:      1.7;

  /* ---- Layout ---- */
  --content-max:  1180px;
  --space-section: clamp(6rem, 13vw, 11rem);
  --radius:       20px;
  --radius-lg:    32px;

  /* ---- Air shadows (soft glow, no borders) ---- */
  --float-shadow:    0 30px 80px -20px rgba(29, 126, 156, 0.16);
  --float-shadow-sm: 0 14px 40px -12px rgba(29, 126, 156, 0.12);
  --shadow-lift:     0 44px 110px -24px rgba(29, 126, 156, 0.22);
  --ring:            0 0 0 4px color-mix(in srgb, var(--c-sea) 22%, transparent);

  /* ---- Motion ---- */
  --ease-soft:    cubic-bezier(0.33, 1, 0.68, 1);
  --ease-lux:     cubic-bezier(0.22, 1, 0.36, 1); /* slow, organic */
  --dur-lux:      0.55s;
}