/* Gestão Educacional — design tokens. Fonte única dos valores visuais; os componentes (xp-components.css) só usam estas variáveis.
   Light = valores do design system aprovado. Dark = derivado (o briefing só definiu o tema claro): conferir antes de publicar. */

:root {
  /* Tipografia */
  --xp-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --xp-fs-title: 26px;      /* título de página, 700 */
  --xp-fs-section: 15px;    /* título de seção, 600 */
  --xp-fs-label: 14px;      /* 500 */
  --xp-fs-body: 14px;       /* 400 */
  --xp-fs-help: 13px;       /* texto de ajuda */
  --xp-fs-caption: 12px;    /* legenda */
  --xp-fs-badge: 11px;      /* selo, 700, letter-spacing .04em */
  --xp-lh: 1.5;

  /* Superfícies e texto */
  --xp-bg: #F3F4F6;
  --xp-surface: #FFFFFF;
  --xp-surface-sunken: #F9FAFB;
  --xp-border: #E5E7EB;
  --xp-divider: #F3F4F6;
  --xp-border-input: #D1D5DB;
  --xp-text: #111827;
  --xp-text-2: #374151;
  --xp-text-3: #687080;     /* o mais claro permitido para texto legível (#6B7280 do briefing dá 4,39:1 sobre o fundo da página; este passa 4,5:1 em todas as superfícies) */
  --xp-placeholder: #9CA3AF;

  /* Marca */
  --xp-primary: #4F46E5;
  --xp-primary-hover: #4338CA;
  --xp-primary-soft: #EEF2FF;
  --xp-primary-soft-text: #312E81;
  --xp-primary-strong-text: #3730A3;
  --xp-link: #4F46E5;
  --xp-link-hover: #3730A3;

  /* Estados */
  --xp-success: #059669;
  --xp-success-bg: #ECFDF5;
  --xp-success-border: #A7F3D0;
  --xp-success-text: #065F46;
  --xp-warning: #F59E0B;
  --xp-warning-bg: #FEF3C7;
  --xp-warning-text: #92400E;
  --xp-danger: #DC2626;
  --xp-danger-bg: #FEF2F2;
  --xp-danger-text: #991B1B;

  /* Sidebar */
  --xp-side-bg: #0E0F1F;
  --xp-side-text: #C7C8D9;
  --xp-side-active-bg: #1E1B4B;
  --xp-side-active-text: #FFFFFF;
  --xp-side-group: #8A8EA8;   /* #6B6F8A do briefing não passa 4,5:1 sobre #0E0F1F; este passa */
  --xp-pro-text: #A5B4FC;
  --xp-pro-bg: #1E1B4B;
  --xp-pro-border: #312E81;

  /* Espaçamento (escala de 4px) */
  --xp-s1: 4px; --xp-s2: 8px; --xp-s3: 12px; --xp-s4: 16px; --xp-s5: 20px; --xp-s6: 24px; --xp-s8: 32px; --xp-s10: 40px;
  --xp-gap-field: 16px;
  --xp-gap-section: 32px;
  --xp-card-pad: 24px;
  --xp-page-pad-y: 40px;
  --xp-page-pad-x: 32px;

  /* Raios, sombra, movimento */
  --xp-r-control: 8px;
  --xp-r-card: 12px;
  --xp-r-option: 10px;
  --xp-r-pill: 999px;
  --xp-shadow-card: 0 1px 2px rgba(17, 24, 39, 0.04);
  --xp-shadow-raised: 0 1px 2px rgba(17, 24, 39, 0.08);
  --xp-ease: 150ms ease;

  /* Medidas de layout */
  --xp-sidebar-w: 248px;
  --xp-sidebar-w-compact: 72px;
  --xp-topbar-h: 64px;
  --xp-container-form: 840px;
  --xp-container-list: 1200px;
  --xp-container-dash: 1280px;
  --xp-control-h: 40px;
  --xp-control-h-lg: 48px;
  --xp-touch: 44px;
}

/* Tema escuro (derivado; o app já alterna por data-coreui-theme) */
[data-coreui-theme="dark"] {
  --xp-bg: #0B0C14;
  --xp-surface: #151722;
  --xp-surface-sunken: #1A1D2B;
  --xp-border: #262A3A;
  --xp-divider: #1E2130;
  --xp-border-input: #3A3F54;
  --xp-text: #F3F4F6;
  --xp-text-2: #D1D5DB;
  --xp-text-3: #A3A9BA;
  --xp-placeholder: #7C8296;
  --xp-primary: #5B5FEA;       /* texto branco sobre ele passa 4,5:1 */
  --xp-primary-hover: #4F52E0;
  --xp-link: #A5B4FC;
  --xp-link-hover: #C7D2FE;
  --xp-primary-soft: #1E1B4B;
  --xp-primary-soft-text: #C7D2FE;
  --xp-primary-strong-text: #A5B4FC;
  --xp-success: #34D399;
  --xp-success-bg: #052E22;
  --xp-success-border: #065F46;
  --xp-success-text: #A7F3D0;
  --xp-warning: #FBBF24;
  --xp-warning-bg: #3A2A07;
  --xp-warning-text: #FDE68A;
  --xp-danger: #F87171;
  --xp-danger-bg: #3B1214;
  --xp-danger-text: #FECACA;
  --xp-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3);
  --xp-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.4);
}