:root {
    --df-accent: #9f1239;
    --df-accent-hover: #7f0f2f;
    --df-deep: #3f0d1d;
    --df-cream: #fffaf2;
    --df-paper: #fffefb;
    --df-gold: #d6a84b;
    --df-ink: #241a1e;
    --df-muted: #75676d;
    --df-border: rgba(63, 13, 29, 0.14);
    --df-shadow-sm: 0 8px 24px rgba(54, 18, 31, 0.08);
    --df-shadow-lg: 0 24px 70px rgba(54, 18, 31, 0.16);
    --df-radius-sm: 10px;
    --df-radius-md: 18px;
    --df-radius-lg: 28px;
    --df-container: 1180px;
    --df-reading-width: 760px;
    --df-story-sidebar-width: 360px;
    --df-reading-font-size: 20px;
    --df-transition: 180ms ease;
}