/* Vonga — "Süt köpüğü & lambiri"
   Renk ağırlığı: açık süt mavisi > gri > beyaz > siyah */
:root {
  --milk-50: #F3F8FB;
  --milk-100: #E4EFF6;
  --milk-200: #CFE1EC;
  --milk-300: #B7D2E2;
  --milk-400: #9DBFD3;
  --milk-700: #3F6A85;
  --milk-800: #2D4F65;

  --g-50: #F7F8F9;
  --g-100: #EEF0F2;
  --g-200: #DDE1E4;
  --g-300: #C5CACE;
  --g-500: #8B9298;
  --g-600: #6B7278;
  --g-700: #4B5258;
  --g-850: #2E3236;
  --g-900: #222629;

  --white: #FFFFFF;
  --ink: #121416;

  --f-display: "Fraunces", Georgia, "Times New Roman", serif;
  --f-body: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --f-hand: "Caveat", "Segoe Print", cursive;

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);

  --r-s: 10px;
  --r-m: 18px;
  --r-l: 28px;
  --gut: clamp(16px, 4vw, 48px);
  --maxw: 1240px;
  --hdr: 68px;
  --sec: clamp(4rem, 9vw, 7rem);

  /* lambiri: iç mekândaki gri dikey çıtalar */
  --lambiri: repeating-linear-gradient(90deg,
      rgba(255, 255, 255, .55) 0 14px,
      rgba(75, 82, 88, .10) 14px 17px,
      rgba(255, 255, 255, .0) 17px 18px);
  --lambiri-dark: repeating-linear-gradient(90deg,
      rgba(255, 255, 255, .05) 0 14px,
      rgba(0, 0, 0, .35) 14px 17px,
      rgba(255, 255, 255, .02) 17px 18px);
}