/* ==== Oint Towing Inc. — brand variables (only place colors/fonts are defined) ==== */
:root {
  --c-yellow: #F5BB3C;
  --c-yellow-dark: #946008;
  --c-dark: #282C2A;
  --c-dark-soft: #363B38;
  --c-white: #FFFFFF;
  --c-gray: #AEB3B6;
  --c-gray-light: #F4F4F3;
  --c-gray-lighter: #FAFAF9;

  --text-on-dark: #FFFFFF;
  --text-on-light: #282C2A;
  --text-muted-on-dark: #C9CDCB;
  --text-muted-on-light: #5B605D;

  --font-heading: 'Poppins', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --shadow-sm: 0 2px 10px rgba(40,44,42,.08);
  --shadow-md: 0 10px 30px rgba(40,44,42,.14);
  --shadow-lg: 0 20px 50px rgba(40,44,42,.22);

  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --ease-smooth: cubic-bezier(.22,.61,.36,1);

  --container-w: 1240px;
}