:root {
    --color-white: rgb(255, 255, 255);
    --color-black: rgb(15, 15, 20);
    --color-primary-10: rgb(240, 188, 148);
    --color-primary-20: rgb(236, 174, 126);
    --color-primary-30: rgb(233, 161, 105);
    --color-primary-40: rgb(230, 147, 83);
    --color-primary-50: rgb(227, 134, 62);
    --color-primary-60: rgb(224, 120, 40);
    --color-primary-70: rgb(202, 108, 36);
    --color-primary-80: rgb(179, 96, 32);
    --color-primary-90: rgb(157, 84, 28);
    --color-primary-100: rgb(134, 72, 24);

    --color-background: var(--color-black);
    --color-surface-white: var(--color-white);

    --color-semantic-danger: 220, 38, 57;
    --color-semantic-success: 34, 197, 121;
    --color-semantic-info: 59, 130, 246;
    --color-semantic-warning: 245, 158, 11;

    --color-neutral-white: 255, 255, 255;
    --color-neutral-grey: 160, 160, 170;
    --color-neutral-dark: 15, 15, 20;

    --color-text-primary: rgba(255, 255, 255, 0.95);
    --color-text-secondary: rgba(255, 255, 255, 0.65);
    --color-border-light: rgba(255, 255, 255, 0.1);

    --color-primary: 224, 120, 40;
    --color-primary-hover: 240, 140, 60;
    --color-primary-dark: 200, 100, 30;

    --font-family-base: 'Roboto', sans-serif;
    --font-family-display: 'DM Serif Display', serif;
    --font-size-base: 14px;

    --radius-s: 8px;
    --radius-m: 12px;

    --header-height: 64px;

    --content-width: 1200px;
}

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    color: var(--color-white);
    background-color: var(--color-background);
    margin: 0;
}