:root {
    --color-brand-950: #310711;
    --color-brand-900: #430a18;
    --color-brand-800: #5c1022;
    --color-brand-700: #741b31;
    --color-accent-500: #d89b7a;
    --color-accent-400: #e7b095;
    --color-accent-300: #f0c9b6;
    --color-accent-100: #faeee8;
    --color-ink: #2c2023;
    --color-muted: #75686b;
    --color-border: #e6d9d5;
    --color-canvas: #f7f2ef;
    --color-surface: #fffdfb;
    --color-surface-muted: #f1e8e4;
    --color-white: #ffffff;
    --color-success: #216a4a;
    --color-success-soft: #e5f3ec;
    --color-warning: #865a11;
    --color-warning-soft: #fff4d8;
    --color-danger: #a33c48;
    --color-danger-soft: #f9e8ea;
    --font-ui: "Raleway", "Helvetica Neue", Arial, sans-serif;
    --font-display: Georgia, "Times New Roman", serif;
    --space-1: 0.4rem;
    --space-2: 0.8rem;
    --space-3: 1.2rem;
    --space-4: 1.6rem;
    --space-5: 2rem;
    --space-6: 2.4rem;
    --space-8: 3.2rem;
    --space-10: 4rem;
    --radius-sm: 0.6rem;
    --radius-md: 1rem;
    --radius-lg: 1.4rem;
    --radius-pill: 999rem;
    --shadow-sm: 0 0.4rem 1.8rem rgba(67, 10, 24, 0.06);
    --shadow-md: 0 1.8rem 5rem rgba(49, 7, 17, 0.16);
    --focus-ring: 0 0 0 0.3rem rgba(216, 155, 122, 0.38);
    --transition-fast: 160ms ease;
    --content-max: 144rem;
}