/* Tokens compartilhados das telas. A marca da FESC ainda não foi definida: as cores de identidade abaixo são um ESPAÇO
   RESERVADO, neutro, a trocar pela paleta oficial (docs/marca/README.md). O resto (estados, raios, sombras) é estrutural. */
:root, .fesc-admin-tokens {
  /* Identidade FESC (espaço reservado) */
  --color-primary: #334E68;
  --color-primary-dark: #243B53;
  --color-primary-deep: #102A43;
  --color-primary-hover: #2A4560;
  --color-primary-light: #EAF0F6;
  --color-secondary: #486581;
  --color-info-brand: #627D98;
  --color-teal: #5F8A8B;
  --color-accent: #3F7F6B;
  --color-accent-dark: #2F6655;

  /* 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;

  /* Gradientes (espaço reservado, neutros) */
  --gradient-primary: linear-gradient(135deg, #334E68, #486581);
  --gradient-navbar: linear-gradient(160deg, #334E68 0%, #486581 35%, #627D98 65%, #5F8A8B 85%, #3F7F6B 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(16,42,67,.68), rgba(16,42,67,.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(51,78,104,.07);
  --shadow-md: 0 10px 30px rgba(51,78,104,.11);
  --shadow-lg: 0 20px 50px rgba(51,78,104,.16);
  --focus-ring: 0 0 0 3px rgba(51,78,104,.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: #102A43;
  --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);
}