/*
  Sistema de design compartilhado da Plataforma Edu.
  Carregado antes de app.css / institution.css / student.css em toda
  página, para que as três telas parem de divergir em tom de azul,
  cinza da barra lateral, raio de borda e sombra.
*/
:root {
  /* Cor — tinta e superfícies */
  --ink-900: #14213d;
  --ink-700: #3c4a63;
  --ink-500: #6b7a94;
  --paper: #f3f5f9;
  --surface: #ffffff;
  --line: #dee4ee;

  /* Cor — marca (um azul-índigo específico, não o azul padrão genérico) */
  --brand-100: #e7edfc;
  --brand-600: #2451c4;
  --brand-700: #1b3b9c;

  /* Cor — acento quente (uso pontual: destaque/atenção, nunca botão primário) */
  --accent-500: #e8a33d;

  /* Cor — estado */
  --success-600: #1f9d66;
  --warning-600: #c77c11;
  --danger-600: #d64545;

  /* Cor — barra lateral escura (um único tom em toda a plataforma) */
  --nav-bg: #101e3d;
  --nav-bg-2: #16295a;
  --nav-ink: #cfdbef;
  --nav-ink-muted: #8fa4c9;

  /* Tipografia */
  --font-sans: Inter, "Segoe UI", system-ui, Arial, sans-serif;
  --font-mono: ui-monospace, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-display: 44px;

  /* Raio — uma escala pequena em vez de 20+ valores soltos */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-full: 999px;

  /* Sombra — três níveis de elevação */
  --shadow-sm: 0 1px 2px rgba(16, 30, 61, 0.06);
  --shadow-md: 0 12px 28px rgba(16, 30, 61, 0.1);
  --shadow-lg: 0 24px 60px rgba(16, 30, 61, 0.16);
}