/* ═══════════════════════════════════════════════════
       DESIGN TOKENS & RESET
    ═══════════════════════════════════════════════════ */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

html {
  scroll-behavior: smooth;
}

:root {
  /* Hotmart palette */
  --white: #fff;
  --gray-100: #f7f9fa;
  --gray-200: #e6e9ed;
  --gray-300: #c9ced4;
  --gray-400: #9ea4ac;
  --gray-500: #707780;
  --gray-600: #464b52;
  --gray-700: #32363b;
  --gray-800: #282c2f;
  --gray-900: #191c1f;
  --blue: #5981e3;
  --blue-dark: #355cc0;
  --blue-darker: #253f82;
  --green: #009d43;
  --green-light: #4acc82;
  --green-lightest: #e6fcf0;
  --green-dark: #006e2f;
  --red: #d6342c;
  /* Page */
  --page-bg: #f3f4f6;
  --card-bg: #ffffff;
  --card-border: #b2bac2;
  /* Inputs */
  --input-h: 48px;
  --input-border: #c9ced4;
  --input-radius: 4px;
  /* Type scale */
  --text-1: 0.75rem;
  --text-base: 1rem;
  --text-2: 1rem;
  --text-3: 1.25rem;
  /* Spacing */
  --spacer-1: 0.25rem;
  --spacer-2: 0.5rem;
  --spacer-3: 0.75rem;
  --spacer-4: 1rem;
  --spacer-5: 1.5rem;
  --spacer-6: 2rem;
  /* Font */
  --font: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Nunito', 'Nunito Sans', sans-serif;
  /* Transition */
  --t: 0.18s ease;
}