/* Tokens copiados do gpq-hub-open para manter as superfícies visualmente irmãs.
   Quando o pacote @un/ui existir, trocar por um import e APAGAR este arquivo. */
:root {
  --paper: #FAF8F4;   /* fundo — amarelado quente, não branco */
  --paper-2: #F4F1EB;
  --card: #FFFFFF;
  --line: #E5DFCF;
  --ink: #14202B;     /* texto principal */
  --ink-2: #324B5E;   /* secundário */
  --ink-3: #6B7B89;   /* labels */
  --un-cyan: #0D9488;   /* Física */
  --un-violet: #7C3AED; /* Matemática */
  --un-coral: #E85D50;  /* Química / Biologia */
  --un-sun: #D97706;    /* Humanas */
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0F161C; --paper-2: #16202A; --card: #1B2631; --line: #2B3A47;
    --ink: #EEF2F4; --ink-2: #C3CED8; --ink-3: #8798A6;
    --un-cyan: #2DD4BF; --un-violet: #A78BFA; --un-coral: #F87171; --un-sun: #F5A524;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
  font-family: Fraunces, Georgia, "Times New Roman", serif;
  letter-spacing: -0.025em; font-weight: 900; text-wrap: balance; margin: 0;
}
main { max-width: 68ch; margin: 0 auto; padding: 64px 24px; display: grid; gap: 20px; }
a { color: var(--un-cyan); text-underline-offset: 2px; }
:focus-visible { outline: 2px solid var(--un-cyan); outline-offset: 2px; }
.eyebrow {
  font-family: "JetBrains Mono", Menlo, monospace; font-size: 11px; font-weight: 500;
  text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3);
}