:root {
  /* ===== Cores ===== */
  --color-primary: #1fa7a6;
  --color-primary-dark: #157f7e;
  --color-primary-light: #a8d5d4;
  --color-primary-lighter: #d7e9e9;

  --color-gradient-dark-start: #002b2b;
  --color-gradient-dark-end: #1fa7a6;

  --color-text-heading: #002a29;
  --color-text-body: #4a5658;
  --color-text-muted: #7c8a8c;

  --color-bg: #ffffff;
  --color-bg-alt: #e9eef0;
  --color-bg-teal: #bee8e3;
  --color-bg-dark: #002a29;

  --color-danger: #a73c3c;
  --color-danger-bg: #f0e6e6;

  --color-border: #dbe3e3;
  --color-white: #ffffff;

  /* ===== Tipografia ===== */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;

  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-label: 12px;

  --line-height: 1.5;

  /* ===== Espaçamento (base 8px) ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;

  /* ===== Layout ===== */
  --max-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;

  /* ===== Toque mínimo (acessibilidade) ===== */
  --tap-min: 48px;
}