/* Peptide House palette: "umber ledger on heather vellum".
   Cool lilac-grey parchment, sepia ink, one dark umber accent, a cornflower highlighter. No green anywhere. */
:root {
  --paper: #ebe8ee;          /* heather vellum base */
  --sheet: #f6f4f7;          /* notebook page */
  --panel: #f9f7f9;
  --ink: #2a1d16;            /* sepia ink */
  --muted: #6b5a51;
  --line: rgba(42, 29, 22, 0.16);
  --umber: #7a4a28;          /* primary accent */
  --on-umber: #f6efe8;
  --clay: #e7d6c8;           /* warm support tone */
  --lilac: #dcd6e6;          /* cool support tone */
  --hl: #c3d4ff;             /* cornflower highlighter */
  --on-hl: #2a1d16;
  --lab-bg: #2a1d16;
  --lab-fg: #f3ebe3;
  --tape: rgba(195, 212, 255, 0.78);
  --tape-2: rgba(231, 214, 200, 0.85);
  --rule: rgba(122, 74, 40, 0.1);
  --margin-line: rgba(122, 74, 40, 0.32);
  --shadow: 0 14px 30px -16px rgba(42, 29, 22, 0.45);
  --pool-1: rgba(201, 150, 105, 0.3);
  --pool-2: rgba(160, 186, 255, 0.42);
  --pool-3: rgba(231, 205, 184, 0.55);
  --crease: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='none' stroke='%237a4a28' stroke-width='1.1'%3E%3Cpath d='M0 0L260 260'/%3E%3Cpath d='M260 0L0 260' stroke-dasharray='7 7'/%3E%3Cpath d='M0 130H260' stroke-dasharray='2 9'/%3E%3Cpath d='M130 0V260' stroke-opacity='.45'/%3E%3C/g%3E%3C/svg%3E");
  --danger: #a3261e;
  --font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
  --pill: 999px;
  --wrap: 1180px;
  --rail: 0px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  color-scheme: light;
}
:root[data-theme='dark'] {
  --paper: #191412;          /* roasted umber night */
  --sheet: #221b17;
  --panel: #261f1a;
  --ink: #eee5dc;
  --muted: #b6a598;
  --line: rgba(238, 229, 220, 0.16);
  --umber: #d6a475;
  --on-umber: #1b1411;
  --clay: #3a2c23;
  --lilac: #2c2730;
  --hl: #9fb5f3;
  --on-hl: #191412;
  --lab-bg: #0f0b09;
  --lab-fg: #eee5dc;
  --tape: rgba(159, 181, 243, 0.42);
  --tape-2: rgba(214, 164, 117, 0.4);
  --rule: rgba(214, 164, 117, 0.08);
  --margin-line: rgba(214, 164, 117, 0.3);
  --shadow: 0 16px 34px -16px rgba(0, 0, 0, 0.7);
  --pool-1: rgba(214, 164, 117, 0.13);
  --pool-2: rgba(120, 146, 230, 0.14);
  --pool-3: rgba(122, 74, 40, 0.22);
  --crease: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='none' stroke='%23d6a475' stroke-width='1.1'%3E%3Cpath d='M0 0L260 260'/%3E%3Cpath d='M260 0L0 260' stroke-dasharray='7 7'/%3E%3Cpath d='M0 130H260' stroke-dasharray='2 9'/%3E%3Cpath d='M130 0V260' stroke-opacity='.45'/%3E%3C/g%3E%3C/svg%3E");
  --danger: #f08a7e;
  color-scheme: dark;
}
@media (min-width: 1000px) { :root { --rail: 124px; } }