/* ==========================================================================
   Variáveis globais — identidade visual Alisson Eduardo
   ========================================================================== */
:root {
  /* Cores de marca */
  --color-primary: #113d72;
  --color-primary-light: #1a5490;
  --color-primary-lighter: #2570b8;
  --color-primary-dark: #0c2c53;
  --color-primary-darker: #081f3a;

  --color-secondary: #42aea8;
  --color-secondary-light: #5fc4be;
  --color-secondary-lighter: #8ad9d4;
  /* Tom usado para TEXTO sobre fundos claros — escurecido para atingir
     contraste AA (4.5:1). O verde da marca (#42aea8) segue intacto. */
  --color-secondary-dark: #2a716d;
  --color-secondary-darker: #1f5d59;

  /* Texto */
  --color-text-on-dark: #ffffff;
  --color-text-body: #2e2e2e;
  --color-text-muted: #5c6670;

  /* Neutros */
  --color-bg: #ffffff;
  --color-bg-alt: #f5f7f8;
  --color-bg-alt-2: #e8ecee;
  --color-border: #dde3e6;

  /* Feedback */
  --color-success: #2e8b57;
  --color-error: #c0392b;

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

  /* Espaçamento */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Raio e sombra */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 2px 8px rgba(17, 61, 114, 0.08);
  --shadow-md: 0 8px 24px rgba(17, 61, 114, 0.12);
  --shadow-lg: 0 16px 40px rgba(17, 61, 114, 0.16);

  /* Layout */
  --container-max: 1180px;
  --header-height: 76px;
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* Degradês de marca — efeito circular/mesh nas cores da marca */
  --gradient-brand:
    radial-gradient(50% 60% at 6% 4%, rgba(66, 174, 168, 0.65) 0%, rgba(66, 174, 168, 0.28) 35%, transparent 68%),
    radial-gradient(52% 60% at 96% 100%, rgba(66, 174, 168, 0.6) 0%, rgba(66, 174, 168, 0.25) 33%, transparent 66%),
    radial-gradient(70% 65% at 60% 30%, rgba(50, 130, 200, 0.75) 0%, rgba(50, 130, 200, 0.3) 35%, transparent 70%),
    #0c2c53;

  --gradient-brand-soft:
    radial-gradient(60% 75% at -8% 108%, rgba(66, 174, 168, 0.85) 0%, rgba(66, 174, 168, 0.4) 32%, transparent 65%),
    radial-gradient(60% 70% at 108% -8%, rgba(66, 174, 168, 0.65) 0%, rgba(66, 174, 168, 0.25) 30%, transparent 62%),
    #0c2c53;
}