/**
 * Wizard Base Styles
 * Базові стилі та CSS змінні для wizard
 */

/* Основні змінні для wizard */
:root {
    /* Основні кольори */
    --wizard-primary: #F4D887;
    --wizard-accent: #FFDB92;

    /* Фонові кольори */
    --wizard-bg-primary: #1A1A1E;
    --wizard-bg-secondary: #131316;
    --wizard-bg-option: rgba(250, 250, 250, 0.02);

    /* Кольори рамок та прозорості */
    --wizard-border: rgba(250, 250, 250, 0.06);
    --wizard-border-light: rgba(250, 250, 250, 0.04);
    --tp-36: rgba(250, 250, 250, 0.06);
    --tp-48: rgba(250, 250, 250, 0.08);

    /* Текстові кольори */
    --wizard-text-primary: #FAFAFA;
    --wizard-text-secondary: rgba(250, 250, 250, 0.72);
    --wizard-text-muted: rgba(250, 250, 250, 0.36);
    --wizard-text-option: #D1D1D6;

    /* Допоміжні кольори */
    --wizard-gray-6: #70707B;
    --wizard-gray-2: #F4F4F5;
    --wizard-gray-10: #1F1F24;
}

/* Загальні стилі секції */
.wizard-section {
    background-color: var(--wizard-bg-secondary);
    padding: 80px 0;
    min-height: 640px;
    color: var(--wizard-text-primary);
}