/* English Academy theme
   settings stored in the database: 0
   NONE — you are seeing the shipped defaults.
   If you changed something on the Design screen and it is not here,
   the ea_settings table is missing. Run the updates from the Runbook.
*/

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700&family=Source+Serif+4:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;700&display=swap');

:root{
  --ink:#16232B;
  --slate:#47606E;
  --muted:#5A6E7B;
  --paper:#F1F3EF;
  --card:rgba(252,253,251,1);
  --line:rgba(22,35,43,0.13);
  --line-soft:rgba(22,35,43,0.0715);
  --mark:#C0355F;
  --mark-bg:rgba(192,53,95,0.08);
  --trace:#1B7A6E;
  --trace-bg:rgba(27,122,110,0.1);
  --gold:#B8891C;
  --panel:rgba(252,253,251,0.9);
  --panel-pad:var(--s4);
  --gold-bg:rgba(184,137,28,0.14);

  --ui:"Bricolage Grotesque", system-ui, sans-serif;
  --text:"Source Serif 4", Georgia, serif;
  --data:"IBM Plex Mono", ui-monospace, monospace;

  --s1:4px;
  --s2:8px;
  --s3:12px;
  --s4:16px;
  --s5:24px;
  --s6:32px;
  --s7:48px;
  --s8:64px;
  --r:4px;
  --maxw:720px;

  --bg-image:none;
  --bg-size:cover;
  --bg-pos:center;
  --bg-repeat:no-repeat;
  --bg-scrim:0;
}

body{font-size:16px}
h1{font-size:26px}