/* Tokens institucionais compartilhados. Fonte: docs/marca/design-system.md. */
:root {
  /* Identidade Academy */
  --color-primary: #034EA2;
  --color-primary-dark: #033F83;
  --color-primary-deep: #03366F;
  --color-primary-hover: #03458F;
  --color-primary-light: #E8F1FA;
  --color-secondary: #327AB8;
  --color-info-brand: #56A4B8;
  --color-teal: #46B8A7;
  --color-accent: #23B771;
  --color-accent-dark: #198A55;

  /* Superfícies e texto */
  --color-bg: #F3F7F9;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F8FAFD;
  --color-border: #DDE8EC;
  --color-text: #17243D;
  --color-text-muted: #64748B;

  /* Estados operacionais */
  --color-success: #15803D;
  --color-success-bg: #E8F7EE;
  --color-warning: #A86608;
  --color-warning-bg: #FFF3D8;
  --color-danger: #C73636;
  --color-danger-bg: #FDECEC;
  --color-info: #1678A5;
  --color-info-bg: #E8F5FC;
  --color-neutral-bg: #EDF2EF;

  /* Gradiente da paleta oficial: azul -> verde */
  --gradient-primary: linear-gradient(135deg, #034EA2, #327AB8);
  --gradient-navbar: linear-gradient(160deg, #034EA2 0%, #327AB8 35%, #56A4B8 65%, #46B8A7 85%, #23B771 100%);
  --gradient-hero: var(--gradient-navbar);
  --gradient-footer: var(--gradient-primary);
  /* Opcional em banners com texto branco sobre toda a largura */
  --gradient-hero-contrast: linear-gradient(90deg, rgba(3,54,111,.68), rgba(3,54,111,.45)), var(--gradient-hero);

  /* Bordas, sombras e foco */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow-sm: 0 2px 8px rgba(3,78,162,.07);
  --shadow-md: 0 10px 30px rgba(3,78,162,.11);
  --shadow-lg: 0 20px 50px rgba(3,78,162,.16);
  --focus-ring: 0 0 0 3px rgba(3,78,162,.24);
  --color-warning-text: color-mix(in srgb, var(--color-warning) 85%, var(--color-text));
  --color-control-border: color-mix(in srgb, var(--color-text-muted) 85%, var(--color-surface));
  --navbar-height: 64px;
  --color-on-primary: #FFFFFF;
  --color-on-accent: #03366F;
  --color-text-muted-on-bg: color-mix(in srgb, var(--color-text-muted) 85%, var(--color-text));
  --color-decoration-light: rgba(255,255,255,.18);
  --color-decoration-line: rgba(255,255,255,.24);
}