/*
 * VARIABLES — кольорова палітра, типографіка, відступи
 * krylovakseniia.com
 */

:root {
    /* Кольорова палітра */
    --clr-bg:          #EBD9F5;
    --clr-bg-alt:      #F3E9FF;
    --clr-bg-section:  #DED0EC;
    --clr-card:        #FFFFFF;
    --clr-card-hover:  #FAF5FF;

    --clr-purple-deep:  #4C1D95;
    --clr-purple-dark:  #5B21B6;
    --clr-purple-main:  #7C3AED;
    --clr-purple-mid:   #8B5CF6;
    --clr-purple-light: #A78BFA;
    --clr-purple-pale:  #C4B5FD;
    --clr-purple-faint: #EDE9FE;

    --clr-text:         #1C1C1E;
    --clr-text-sec:     #4A4A5A;
    --clr-text-muted:   #6B7280;
    --clr-white:        #FFFFFF;
    --clr-border:       #D8B4FE;
    --clr-input-bg:     #F9F5FF;

    /* Тіні */
    --shadow-sm:   0 2px 8px rgba(91, 33, 182, 0.08);
    --shadow-md:   0 4px 20px rgba(91, 33, 182, 0.12);
    --shadow-lg:   0 8px 32px rgba(91, 33, 182, 0.18);
    --shadow-card: 0 1px 4px rgba(91, 33, 182, 0.10),
                   0 8px 24px rgba(91, 33, 182, 0.08);

    /* Радіуси */
    --radius-sm:   6px;
    --radius-md:   12px;
    --radius-lg:   20px;
    --radius-xl:   28px;
    --radius-full: 9999px;

    /* Переходи */
    --transition-fast:   150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow:   400ms ease;

    /* Типографіка */
    --font-heading: 'Montserrat', 'Inter', sans-serif;
    --font-body:    'Inter', sans-serif;
    --font-serif:   'Lora', serif;

    /* Відступи */
    --space-section: clamp(3rem, 6vw, 6rem);
    --space-block:   clamp(1.5rem, 3vw, 3rem);
    --container-max: 1200px;
    --container-pad: clamp(1rem, 4vw, 2rem);
}