:root {
  --eros-red: #ff3b5c;
  --eros-coral: #ff7455;
  --eros-pink: #ff6f91;
  --signal-green: #62d9a5;
  --canvas: #080809;
  --canvas-raised: #0d0d0f;
  --panel: #111114;
  --panel-hover: #17171b;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.16);
  --text: #f5f3f2;
  --text-soft: #c7c3c2;
  --text-muted: #858083;
  --display: "Syne", sans-serif;
  --body: "Manrope", sans-serif;
  --mono: "DM Mono", monospace;
  --accent-gradient: linear-gradient(118deg, var(--eros-red), var(--eros-coral));
  --sidebar-width: 18.5rem;
  --reading-width: 51rem;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --base-font-family: var(--body);
  --base-font-size: 16px;
  --base-line-height: 1.75;
  --base-color: var(--text-soft);
  --background: var(--canvas);
  --theme-color: var(--eros-red);
  --link-color: var(--text);
  --link-color--hover: var(--eros-coral);
  --content-max-width: var(--reading-width);
  --heading-font-family: var(--display);
  --heading-color: var(--text);
  --heading-h1-font-weight: 700;
  --heading-h2-font-weight: 700;
  --mono-font-family: var(--mono);
  --sidebar-background: rgba(10, 10, 11, 0.94);
  --sidebar-border-color: var(--line);
  --sidebar-name-color: var(--text);
  --sidebar-nav-link-color: var(--text-muted);
  --sidebar-nav-link-color--active: var(--text);
  --sidebar-nav-link-border-color--active: var(--eros-red);
  --sidebar-nav-strong-color: var(--text-soft);
  --sidebar-nav-pagelink-background-image: none;
  --search-input-background-color: rgba(255, 255, 255, 0.035);
  --search-input-border-color: var(--line);
  --search-result-heading-color: var(--text);
  --blockquote-background: rgba(255, 59, 92, 0.055);
  --blockquote-border-color: var(--eros-red);
  --table-cell-border-color: var(--line);
  --table-row-odd-background: rgba(255, 255, 255, 0.018);
}