:root {
    --color-bg: #111214;
    --color-bg-elevated: #1A1C20;
    --color-bg-soft: #23262B;
    --color-text: #F0ECE6;
    --color-text-secondary: #C9C6C0;
    --color-text-muted: #92908A;
    --color-accent: #D97757;
    --color-accent-soft: rgba(217, 119, 87, 0.14);
    --color-border: #343840;
    --color-success: #7DAA82;
    --color-success-soft: rgba(125, 170, 130, 0.14);
    --color-info: #7BA7C8;
    --color-info-soft: rgba(123, 167, 200, 0.14);
    --color-danger: #D96A50;
    --resizer-color: #292D34;

    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'Source Sans 3', system-ui, sans-serif;
    --font-code: 'Fira Code', monospace;

    --collapsed-width: 50px;
    --header-height: 64px;
    --preview-min-width: 360px;
    --editor-min-width: 260px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 100px;
    --transition-base: 250ms;
    --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}