:root {
  /* Brand */
  --red-main: #bb1818;
  --red-dark: #8f1212;
  --red-soft: #f4d6d6;
  --red-wine: #5c0f18;
  --red-night: #2c0810;
  --red-accent: #a3182a;
  --black-main: #1f1f1f;
  --black-soft: #2b2b2b;
  --black-light: #3a3a3a;

  /* Neutrals */
  --white: #ffffff;
  --bg-main: #f8f9fa;
  --bg-soft: #f1f1f1;

  --text-main: #2b2b2b;
  --text-muted: #6b7280;
  --text-muted-strong: #5b6270;

  --border-light: #e5e7eb;
  --border-dark: #374151;

  /* Accent (optional / premium) */
  --gold-soft: #c9a24d;
  --gold-light: #f0d9a3;
  --cream: #fdfbf8;

  /* Dourado legivel sobre fundo claro (--gold-soft falha WCAG AA em texto) */
  --gold-text: #8a6a22;

  --promebo-wash: #fbf3f2;
  --promebo-hairline: rgba(187, 24, 24, 0.16);

  --fenagen-brand: #943606;
  --fenagen-deep: #6d2704;
  --fenagen-wash: #fbf4ec;
  --fenagen-hairline: rgba(148, 54, 6, 0.16);

  /* Associado / aprovação */
  --green-main: #72b686;
  --green-dark: #1f5f31;

  --space-section: clamp(3.5rem, 6vw, 6rem);
  --space-block: clamp(2rem, 3.5vw, 3rem);

  /* Espaçamento */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Tipografia */
  --font-base: "Poppins", Arial, Helvetica, sans-serif;

  /* Escala tipográfica */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.125rem, 1.4vw, 1.25rem);
  --text-2xl: clamp(1.35rem, 2vw, 1.6rem);
  --text-3xl: clamp(1.6rem, 2.6vw, 2rem);
  --text-4xl: clamp(1.9rem, 3.4vw, 2.6rem);
  --text-5xl: clamp(2.4rem, 5vw, 3.5rem);
  --text-display: clamp(3rem, 7vw, 5rem);

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;

  --tracking-eyebrow: 0.14em;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Raios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.14);

  --shadow-cta: 0 8px 24px rgba(0, 0, 0, 0.18);
  --shadow-cta-hover: 0 12px 32px rgba(0, 0, 0, 0.26);
}

body {
  font-family: var(--font-base);
}