:root {
  --c-black: #020202;
  --c-ink: #181818;
  --c-ink-soft: #414141;
  --c-grey: #757575;
  --c-grey-light: #8d8d8d;
  --c-line: #c1c1c1;
  --c-surface-alt: #efefef;
  --c-bg: #f7f7f7;
  --c-surface: #ffffff;
  --c-white: #ffffff;
  --c-wood: #8a6a4a;

  --c-text: var(--c-ink);
  --c-text-body: rgba(24, 24, 24, 0.78);
  --c-field: #ffffff;
  --c-field-dark: rgba(255, 255, 255, 0.08);
  --c-placeholder: var(--c-grey-light);
  --c-overlay: rgba(0, 0, 0, 0.3);
  --c-overlay-strong: rgba(0, 0, 0, 0.6);

  --font-display: "Bebas Neue", "Oswald", Impact, sans-serif;
  --font-body: "Poppins", system-ui, sans-serif;

  --fs-h1: 72px;
  --fs-h2: 50px;
  --fs-h3: 40px;
  --fs-h4: 30px;
  --fs-h5: 20px;
  --fs-body: 16px;
  --fs-small: 13px;
  --fs-tiny: 12px;

  --ls-h4: 2.5px;
  --ls-h5: 1.18px;
  --ls-nav: 2.6px;
  --ls-btn: 3px;
  --ls-filter: 1.5px;

  --container: 1170px;
  --gutter: 15px;
  --section-y: 105px;
  --section-y-sm: 50px;
  --header-y: 20px;
  --card-gap: 15px;

  --radius-0: 0;
  --radius-btn: 6px;
  --radius-full: 9999px;

  --ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-move: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press: 120ms;
  --dur-hover: 200ms;
  --dur-exit: 150ms;
  --dur-ui: 300ms;
  --dur-drawer: 500ms;
  --dur-slide: 900ms;
}

@media (max-width: 991px) { :root { --container: 970px; --section-y: 70px; --fs-h1: 60px; } }
@media (max-width: 767px) { :root { --container: 750px; --fs-h1: 48px; --fs-h2: 40px; --fs-h3: 32px; --fs-h4: 26px; --section-y: var(--section-y-sm); } }
@media (max-width: 479px) { :root { --fs-h1: 40px; --fs-h2: 34px; } }

@media (prefers-reduced-motion: reduce) {
  :root { --dur-press: 1ms; --dur-hover: 1ms; --dur-exit: 1ms; --dur-ui: 1ms; --dur-drawer: 1ms; --dur-slide: 1ms; }
}