:root {
    --color-void: #0c0a0f;
    --color-stone-950: #121016;
    --color-stone-900: #19161d;
    --color-stone-850: #211c25;
    --color-stone-800: #2a232f;
    --color-stone-700: #44384b;
    --color-stone-600: #5c4b64;

    --color-parchment-100: #f3ead7;
    --color-parchment-200: #e6d8bb;
    --color-parchment-400: #b9a98b;

    --color-gold-300: #e1c878;
    --color-gold-400: #caa85b;
    --color-gold-500: #9f7834;

    --color-magic-300: #cba2ff;
    --color-magic-400: #a86ef0;
    --color-magic-500: #7543aa;
    --color-magic-700: #42235f;

    --color-success: #82d49a;
    --color-warning: #e5bd68;
    --color-error: #ef8e8e;
    --color-info: #91bde7;

    --font-display: Georgia, 'Times New Roman', serif;
    --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;

    --radius-small: 0.35rem;
    --radius-medium: 0.65rem;
    --radius-large: 1rem;

    --shadow-panel: 0 1.25rem 3.5rem rgb(0 0 0 / 35%);
    --shadow-magic: 0 0 2rem rgb(168 110 240 / 18%);

    --content-width: 76rem;
    --transition-fast: 160ms ease;
}