/* Ant Learning — design tokens. Do not change values without updating the spec. */
:root {
  --orange: #E5733A;
  --orange-dark: #CE6229;
  --orange-light: #FCE4D2;
  --green: #86BE4A;
  --green-dark: #6FA638;
  --green-light: #E6F1D3;
  --yellow: #F4C442;
  --yellow-light: #FCECB8;
  --teal: #234F5D;
  --teal-light: #3D6B7A;
  --cream: #F3EDE0;
  --cream-warm: #F7F2E8;
  --white: #FFFFFF;
  --ink: #2A3E4A;
  --ink-light: #5E6F7B;
  --line: #E2D9C6;
  --line-soft: #EBE3D1;

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(35,79,93,0.06);
  --shadow-md: 0 6px 18px -8px rgba(35,79,93,0.22);
  --shadow-lg: 0 18px 40px -18px rgba(35,79,93,0.35);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--cream);
  color: var(--ink);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* iOS form-zoom prevention: any real input must be >= 16px */
input, select, textarea { font-size: 16px; }

a { color: inherit; }
button { font-family: inherit; cursor: pointer; }