:root {
  --ink: #142033;
  --ink-soft: #3d4c63;
  --paper: #f4efe6;
  --paper-2: #fffdf8;
  --line: #d9d0c2;
  --lagoon: #0f6e6a;
  --lagoon-deep: #0b524f;
  --gold: #b8893d;
  --rose: #9b3d3d;
  --ok: #1f7a4d;
  --warn: #9a6700;
  --shadow: 0 18px 50px rgba(20, 32, 51, 0.08);
  --radius: 18px;
  --font: "Outfit", "Segoe UI", sans-serif;
  --serif: "Fraunces", Georgia, serif;
  --text: 15px;

  --portal-bg: #e9edf1;
  --portal-surface: #ffffff;
  --portal-line: #dde3ea;
  --portal-line-soft: #edf1f4;
  --portal-muted: #5b6b80;
  --portal-text: #314056;
  --portal-thead: #e7f3f2;
  --portal-stripe: #f7f9fb;
  --portal-radius: 4px;
  --portal-shadow: 0 10px 28px rgba(20, 32, 51, 0.08);
  --portal-sidebar: 176px;
  --portal-shell: 1140px;
  --portal-gap: 14px;
  --portal-font-size: 13px;
  --portal-control-h: 32px;
  --portal-icon: 15px;
  --portal-nav-h: 34px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font: var(--text)/1.5 var(--font);
  color: var(--ink);
  background: var(--paper);
}
img { max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }