:root {
  --qcs-bg: #f5f1e8;
  --qcs-bg-alt: #efe7db;
  --qcs-card: rgba(255, 255, 255, 0.28);

  --qcs-text: #1f2320;
  --qcs-muted: #4b544b;
  --qcs-muted-light: #6b736b;

  --qcs-accent: #7e907d;
  --qcs-accent-dark: #5f735f;
  --qcs-accent-hover: #556955;

  --qcs-sand: #e8ddcf;
  --qcs-divider: rgba(31, 35, 32, 0.12);
  --qcs-divider-soft: rgba(31, 35, 32, 0.08);

  --qcs-width-main: 860px;
  --qcs-width-reading: 760px;
  --qcs-width-narrow: 680px;

  --qcs-radius-sm: 12px;
  --qcs-radius-md: 18px;
  --qcs-radius-lg: 24px;

  --qcs-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.04);

  --qcs-serif: Georgia, "Times New Roman", serif;

  --qcs-space-xs: 6px;
  --qcs-space-sm: 12px;
  --qcs-space-md: 22px;
  --qcs-space-lg: 40px;
  --qcs-space-xl: 64px;
  --qcs-space-xxl: 96px;
}