:root {
  --paper:   #FFFFFF;
  --paper-2: #F2F0EC;
  --ink:     #161616;
  --ink-60:  rgba(22, 22, 22, 0.6);
  --ink-10:  rgba(22, 22, 22, 0.08);
  --muted:   #B3B0AA;
  --muted-2: #6E6B66;
  --ember:   #FF6B1A;

  --type-display: "Playfair Display", "Times New Roman", serif;
  --type-body:    "Playfair Display", "Times New Roman", serif;
  --type-ui:      "Inter", system-ui, -apple-system, sans-serif;

  --size-body: 16px;
  --size-meta: 12px;
  --line-body: 1.55;

  --sidebar-w:   280px;
  --pad-x:       48px;

  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fade:  600ms;
  --dur-hover: 400ms;
  --dur-link:  200ms;
}

@media (max-width: 880px) {
  :root {
    --sidebar-w: 100%;
    --pad-x:     24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fade:  0ms;
    --dur-hover: 0ms;
    --dur-link:  0ms;
  }
}