/* ============================================================
   Academic Excellence System — Design Tokens
   Extraído de docs/stitch_enade_prep_platform/.../DESIGN.md
   ============================================================ */
:root {
  /* Cores — superfícies */
  --surface: #f6fafe;
  --surface-bright: #f6fafe;
  --surface-dim: #d6dade;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f0f4f8;
  --surface-container: #eaeef2;
  --surface-container-high: #e4e9ed;
  --surface-container-highest: #dfe3e7;
  --surface-variant: #dfe3e7;

  /* Cores — conteúdo */
  --on-surface: #171c1f;
  --on-surface-variant: #43474d;
  --background: #f6fafe;
  --on-background: #171c1f;

  /* Cores — primário (navy) */
  --primary: #00152a;
  --on-primary: #ffffff;
  --primary-container: #102a43;
  --on-primary-container: #7a92b0;
  --primary-fixed: #d1e4ff;

  /* Secundário / terciário */
  --secondary: #4a607a;
  --on-secondary: #ffffff;
  --secondary-container: #c7dffd;
  --on-secondary-container: #4c637d;

  /* Semânticos */
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --success: #2e7d43;
  --warning: #b26a00;

  /* Contornos */
  --outline: #74777e;
  --outline-variant: #c3c6ce;

  /* Tipografia */
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Raio */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* Espaçamento (base 8px) */
  --stack-sm: 8px;
  --stack-md: 16px;
  --stack-lg: 32px;
  --gutter: 24px;
  --margin-mobile: 16px;
  --margin-desktop: 40px;
  --container-max: 1200px;

  /* Elevação */
  --shadow-1: 0 1px 2px rgba(16, 42, 67, 0.06);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.05);
}