@font-face {
  font-family: "Reservify Avant";
  font-style: normal;
  font-weight: 400 649;
  font-display: swap;
  src: url("../ITCAvantGardeStd-Md.ttf") format("truetype");
}

@font-face {
  font-family: "Reservify Avant";
  font-style: normal;
  font-weight: 650 900;
  font-display: swap;
  src: url("../ITCAvantGardeStd-Bold.ttf") format("truetype");
}

:root {
  color-scheme: light;

  /* Brand */
  --w-cyan-25: #f3fdff;
  --w-cyan-50: #e7fbfd;
  --w-cyan-100: #cef7fa;
  --w-cyan-200: #9ceef4;
  --w-cyan-300: #62e1ea;
  --w-cyan-400: #25cfdb;
  --w-cyan-500: #00c3d4;
  --w-cyan-600: #009dad;
  --w-cyan-700: #087d8a;
  --w-cyan-800: #10646e;
  --w-cyan-900: #12545c;

  --w-pink-25: #fff7fd;
  --w-pink-50: #fff0fb;
  --w-pink-100: #ffe0f7;
  --w-pink-200: #ffc2ed;
  --w-pink-300: #ff94dc;
  --w-pink-400: #fd56c4;
  --w-pink-500: #eb35ad;
  --w-pink-600: #ce168e;
  --w-pink-700: #aa116f;

  /* Neutrals */
  --w-ink: #102b31;
  --w-ink-soft: #1d3a40;
  --w-slate-700: #405b61;
  --w-slate-600: #587077;
  --w-slate-500: #70868b;
  --w-slate-400: #91a2a6;
  --w-slate-300: #b7c4c7;
  --w-slate-200: #d6e0e2;
  --w-slate-150: #e3eaec;
  --w-slate-100: #edf2f3;
  --w-slate-75: #f3f6f7;
  --w-slate-50: #f7f9f9;
  --w-white: #ffffff;

  /* Semantic */
  --w-success: #20b486;
  --w-success-soft: #e8f8f2;
  --w-warning: #d78b16;
  --w-warning-soft: #fff5df;
  --w-danger: #e35462;
  --w-danger-soft: #fff0f2;
  --w-info: #397ed1;
  --w-info-soft: #edf5ff;
  --w-whatsapp: #22b573;

  /* Type */
  --w-font-sans: "Reservify Avant", "Century Gothic", Futura, sans-serif;
  --w-font-display: "Reservify Avant", "Century Gothic", Futura, sans-serif;
  --w-text-xs: .75rem;
  --w-text-sm: .875rem;
  --w-text-md: 1rem;
  --w-text-lg: 1.125rem;
  --w-text-xl: 1.375rem;
  --w-text-2xl: clamp(1.65rem, 2.8vw, 2.2rem);
  --w-text-3xl: clamp(2.15rem, 5vw, 3.8rem);
  --w-leading-tight: 1.12;
  --w-leading-normal: 1.55;

  /* Space */
  --w-space-1: .25rem;
  --w-space-2: .5rem;
  --w-space-3: .75rem;
  --w-space-4: 1rem;
  --w-space-5: 1.25rem;
  --w-space-6: 1.5rem;
  --w-space-8: 2rem;
  --w-space-10: 2.5rem;
  --w-space-12: 3rem;
  --w-space-16: 4rem;
  --w-space-20: 5rem;

  /* Shape & depth */
  --w-radius-sm: .55rem;
  --w-radius-md: .85rem;
  --w-radius-lg: 1.15rem;
  --w-radius-xl: 1.6rem;
  --w-radius-2xl: 2.15rem;
  --w-radius-round: 999px;
  --w-shadow-xs: 0 1px 2px rgba(16, 43, 49, .05);
  --w-shadow-sm: 0 10px 28px rgba(25, 65, 72, .08);
  --w-shadow-md: 0 20px 55px rgba(18, 65, 73, .12);
  --w-shadow-float: 0 26px 80px rgba(18, 65, 73, .18);
  --w-focus: 0 0 0 4px rgba(0, 195, 212, .16);

  /* Motion & layout */
  --w-ease: cubic-bezier(.22, 1, .36, 1);
  --w-fast: 150ms;
  --w-normal: 260ms;
  --w-header: 72px;
  --w-content: 1240px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --w-fast: 0ms; --w-normal: 0ms; }
}