/* Theme: the lab's colours. Change these to match your course or brand.
   brown = dark (top bar, headings), copper = accent, cream = page background,
   teal = buttons and success, sand/line = soft panels and borders. */
:root {
  --brown: #3B261A;
  --copper: #96603A;
  --tan: #DEB887;
  --cream: #FAF5EE;
  --sand: #F0E6DC;
  --line: #E1D2BE;
  --teal: #00796B;
  --teal-dark: #005A50;
  --teal-soft: #EAF3F0;
  --ink: #2B2B2B;
  --muted: #6B5A4E;
  --red: #C0392B;
  --red-soft: #FDEEEC;
  --green-soft: #E3F4EA;
  --amber: #C98A1B;
  --radius: 10px;
  --shadow: 0 1px 2px rgba(59, 38, 26, .08), 0 4px 14px rgba(59, 38, 26, .06);
}