/* css/v5-variables.css */

/* ============================================================
   VARIABLES — переменные v5
   ============================================================ */

:root {
    /* ========== МАСШТАБ ========== */
    --v5-scale: 1;

    /* ========== ОТСТУПЫ ========== */
    --v5-padding: calc(4px * var(--v5-scale));
    --v5-gap-min: calc(4px * var(--v5-scale));
    --v5-gap-normal: calc(8px * var(--v5-scale));

    /* ========== РАЗМЕРЫ ========== */
    --v5-btn-height: calc(40px * var(--v5-scale));
    --v5-height-normal: calc(40px * var(--v5-scale));
    --v5-height-large: calc(50px * var(--v5-scale));

    /* ========== ФИКСИРОВАННЫЕ ШИРИНЫ ========== */
    --v5-btn-fix-width: calc(45vmin * var(--v5-scale));
    --v5-card-fix-width: calc(40vmin * var(--v5-scale));

    /* ========== ГРАНИЦЫ И РАДИУСЫ ========== */
    --v5-border-width: 1px;
    --v5-radius: calc(8px * var(--v5-scale));

    /* ========== СКРОЛЛ ========== */
    --v5-scrollbar-width: calc(4px * var(--v5-scale)); /* было 8px */
    --v5-scrollbar-height: calc(4px * var(--v5-scale));

    /* ========== ШРИФТЫ (4 размера) ========== */
    --v5-font-little: calc(0.65rem * var(--v5-scale));
    --v5-font-normal: calc(0.85rem * var(--v5-scale));
    --v5-font-big:    calc(1.0rem * var(--v5-scale));

    /* ========== ЦВЕТА — PRIMARY ========== */
    --v5-primary-base: #3c2664;
    --v5-primary-dark: #56417b;
    --v5-primary-primary: #705c93;
    --v5-primary-hover: #8a77aa;
    --v5-primary-secondary: #a391c1;
    --v5-primary-light: #bdacd9;
    --v5-primary-bg: #d7c7f0;

    /* ========== ЦВЕТА — SUCCESS ========== */
    --v5-success-base: #007800;
    --v5-success-dark: #1a9317;
    --v5-success-primary: #34ae2f;
    --v5-success-hover: #4ec946;
    --v5-success-secondary: #67e35d;
    --v5-success-light: #81fe75;
    --v5-success-bg: #9bff8c;

    /* ========== ЦВЕТА — INFO ========== */
    --v5-info-base: #001f78;
    --v5-info-dark: #1a3a8f;
    --v5-info-primary: #3455a7;
    --v5-info-hover: #4e70be;
    --v5-info-secondary: #678ad5;
    --v5-info-light: #81a5ed;
    --v5-info-bg: #9bc0ff;

    /* ========== ЦВЕТА — ERROR ========== */
    --v5-error-base: #780000;
    --v5-error-dark: #921b17;
    --v5-error-primary: #ac362f;
    --v5-error-hover: #c65146;
    --v5-error-secondary: #df6b5d;
    --v5-error-light: #f98675;
    --v5-error-bg: #ffa18c;

    /* ========== БАЗОВЫЕ ЦВЕТА ========== */
    --v5-white: #ffffff;



    /* ========== ТЕНИ ========== */
    --v5-shadow: 0 calc(2px * var(--v5-scale)) calc(8px * var(--v5-scale)) rgba(0, 0, 0, 0.1);
}