:root {
    /* Базовые цвета */
    --wb-primary: #593196;
    --wb-primary-hover: #4a277e;
    --wb-primary-light: #7845ba;

    /* Постельный акцент (сочетается с фиолетовым) */
    --wb-accent: #f472b6;
    --wb-accent-subtle: #fae8ff;
    --wb-accent-text: #9d174d;

    /* Фоны */
    --wb-bg-main: #ffffff;
    --wb-bg-subtle: #f8f9fc;
    --wb-bg-card: #ffffff;

    /* Типографика */
    --wb-text-main: #2b2d42;
    --wb-text-muted: #64748b;

    /* Градиенты (плавные трехточечные) */
    --wb-grad-primary: linear-gradient(135deg, #593196 0%, #683ba8 50%, #7845ba 100%);
    --wb-grad-pastel: linear-gradient(135deg, #fdf4ff 0%, #f5f3ff 50%, #ffffff 100%);
    --wb-grad-accent: linear-gradient(135deg, #fae8ff 0%, #fce7f3 50%, #ffffff 100%);

    /* Границы и тени */
    --wb-border-subtle: rgba(89, 49, 150, 0.08);
    --wb-border-hover: rgba(89, 49, 150, 0.22);
    --wb-shadow-card: 0 4px 20px rgba(89, 49, 150, 0.05);
    --wb-shadow-hover: 0 10px 25px rgba(89, 49, 150, 0.12);

    /* Скругления и анимации */
    --wb-radius-sm: 8px;
    --wb-radius-md: 14px;
    --wb-radius-lg: 20px;
    --wb-transition: all 0.25s ease-in-out;
}

/* Базовая настройка документа */
body {
    color: var(--wb-text-main);
    background-color: var(--wb-bg-main);
}