:root {
    color-scheme: dark;

    --page-background: #0c0809;
    --page-background-soft: #120d0f;

    --surface: #171113;
    --surface-soft: #1d1518;
    --surface-elevated: #251a1e;

    --text-primary: #f8f3f1;
    --text-secondary: #c9beba;
    --text-muted: #9b8f8c;

    --accent-orange: #ff9d57;
    --accent-peach: #f2a095;
    --accent-pink: #dc94ba;
    --accent-purple: #bc8add;

    --accent-gradient: linear-gradient(
        105deg,
        var(--accent-orange) 0%,
        var(--accent-peach) 45%,
        var(--accent-purple) 100%
    );

    --accent-gradient-hover: linear-gradient(
        105deg,
        #ffad6f 0%,
        #f5ada3 45%,
        #c99ae3 100%
    );

    --accent-soft: rgba(255, 157, 87, 0.1);
    --accent-border: rgba(242, 160, 149, 0.32);

    --border: rgba(255, 255, 255, 0.09);
    --border-strong: rgba(255, 255, 255, 0.15);

    --container-width: 1200px;

    --radius-small: 12px;
    --radius-medium: 22px;
    --radius-large: 32px;

    --shadow-large: 0 32px 90px rgba(0, 0, 0, 0.32);
}