:root {
  /* Verde InoveConta — escala principal */
  --green-900: #06281D;
  --green-800: #0B3D2B;
  --green-700: #0F5C3F;
  --green-600: #147A52;
  --green-500: #1AA968; /* cor principal da marca */
  --green-400: #3FC98A; /* hover / destaque */
  --green-300: #7FE0B3;
  --green-200: #BEF0D6;
  --green-100: #E7FAF0;
  --green-50:  #F4FDF9;

  /* Verde-lima — acento de contraste, usado com moderação */
  --lime-400: #D8F44E;
  --lime-500: #C2E93A;

  /* Neutros / grafite */
  --gray-900: #10181A;
  --gray-800: #1E282B;
  --gray-700: #3A464B;
  --gray-500: #6B7A7F;
  --gray-300: #D6E0DF;
  --gray-200: #E9F1EF;
  --gray-100: #F5F9F8;
  --white: #FFFFFF;

  /* Papéis semânticos */
  --color-bg: var(--white);
  --color-bg-alt: var(--green-50);
  --color-surface: var(--white);
  --color-text: var(--gray-800);
  --color-text-muted: var(--gray-500);
  --color-heading: var(--green-900);
  --color-border: var(--gray-300);

  --color-primary: var(--green-500);
  --color-primary-hover: var(--green-600);
  --color-primary-active: var(--green-700);
  --color-secondary: var(--green-800);
  --color-accent: var(--lime-400);

  --btn-primary-bg: var(--color-primary);
  --btn-primary-bg-hover: var(--color-primary-hover);
  --btn-primary-text: var(--white);
  --btn-secondary-border: var(--color-primary);
  --btn-secondary-text: var(--green-700);
  --btn-secondary-bg-hover: var(--green-100);

  --card-bg: var(--white);
  --card-border: var(--green-200);
  --card-shadow: 0 4px 20px rgba(11, 61, 43, 0.06);
  --card-shadow-hover: 0 12px 32px rgba(11, 61, 43, 0.12);

  /* Tipografia */
  --font-heading: 'Sora', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;

  --fs-h1: clamp(2.25rem, 1.7rem + 2vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.2vw, 2.75rem);
  --fs-h3: clamp(1.375rem, 1.2rem + 0.6vw, 1.875rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Espaçamento */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 6rem;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --container-width: 1200px;
  --transition-base: 0.25s ease;
}