@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap');

:root {
  /* Cores */
  --color-primary: #cf3220;
  --color-primary-dim: rgba(207, 50, 32, 0.12);
  --color-off-white: #f5f0eb;
  --color-beige: #e8e0d5;
  --color-gray-soft: #c8c2bc;
  --color-text-dark: #1a1a18;
  --color-text-mid: #4a4a48;
  --color-charcoal: #1e1e1c;
  --color-accent-blue: #6b7f8a;
  --color-accent-gold: #c9a96e;
  --color-green-lime: #a5e037;
  --color-green-dark: #2d7a3a;

  /* Tipografia */
  --font-main: 'Poppins', sans-serif;

  /* Escala tipográfica */
  --text-hero: clamp(56px, 10vw, 120px);
  --text-display: clamp(40px, 6vw, 80px);
  --text-heading: clamp(32px, 4vw, 56px);
  --text-subheading: clamp(24px, 3vw, 40px);
  --text-pullquote: clamp(24px, 3.5vw, 48px);
  --text-body: clamp(17px, 1.5vw, 20px);
  --text-caption: 12px;

  /* Pesos */
  --weight-black: 900;
  --weight-bold: 700;
  --weight-medium: 500;
  --weight-regular: 400;
  --weight-light: 300;

  /* Espaçamentos */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;
  --space-2xl: 128px;

  /* Layout */
  --max-width: 1280px;
  --gutter: clamp(24px, 5vw, 80px);
  --section-pad: clamp(64px, 10vh, 120px);

  /* Animações */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
}