:root {
  --bg:        #131315;
  --panel:     #191a1d;
  --line:      #2a2a2e;
  --line-hi:   #3a3a40;

  --text:      #ededef;
  --dim:       #9a9aa4;
  --text-prose: #c9c9c9;

  --accent:    #d4805f;
  --accent-hi: #e69574;
  --accent-08: rgba(212, 128, 95, 0.08);
  --accent-14: rgba(212, 128, 95, 0.14);
  --accent-28: rgba(212, 128, 95, 0.28);

  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-display: "Martian Mono", "IBM Plex Mono", monospace;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;

  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 13px;
  --text-body: 14px;
  --text-lg:   17px;
  --text-xl:   21px;

  --leading-tight:   1.3;
  --leading-snug:    1.4;
  --leading-normal:  1.6;
  --leading-relaxed: 1.7;

  --tracking-label: 0.03em;
  --tracking-micro: 0.04em;

  --space-1:  4px;
  --space-2:  6px;
  --space-3:  8px;
  --space-4:  12px;
  --space-5:  16px;
  --space-6:  20px;
  --space-7:  24px;
  --space-8:  32px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 64px;

  --radius-sm: 4px;
  --radius:    8px;

  --measure-page: 760px;
  --hit-min:      44px;

  --rail-accent:   inset 2px 0 0 var(--accent);
  --shadow-window: 0 24px 64px rgba(0, 0, 0, 0.55);

  --bg-wash: radial-gradient(
    ellipse 900px 500px at 50% -10%, var(--accent-08) 0%, rgba(0, 0, 0, 0) 60%);

  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  --dur-press: 0.12s;
  --dur-fast:  0.15s;
  --dur-base:  0.2s;
  --dur-slow:  0.28s;

  --press-scale: scale(0.97);
  --lift:        translateY(-1px);
}