/**
 * Общие CSS-переменные проекта CashFlow.
 * Подключать первым перед style.css / loading.css.
 */

/* --- Основное приложение --- */
:root {
    --bg: #e6f0ff;
    --bg-end: #f0e6ff;
    --bg-secondary: #f5f0ff;
    --bg-card: #fff;
    --text: #2d2d2d;
    --text-hint: #5c5c66;
    --accent: #7a2fff;
    --accent-hover: #6520e0;
    --accent-cyan: #00c0ff;
    --accent-soft: rgba(122, 47, 255, 0.15);
    --on-accent: #fff;
    --positive: #0d9488;
    --negative: #dc2626;
    --radius: 16px;
    --radius-sm: 12px;
    --shadow-soft: 0 2px 12px rgba(45, 45, 45, 0.06);
    --shadow-card: 0 4px 20px rgba(45, 45, 45, 0.08);
    --safe-top: env(safe-area-inset-top, 0);
    --safe-bottom: env(safe-area-inset-bottom, 0);
    --bottom-nav-height: 64px;

    /* Страница загрузки */
    --loading-bg: #0D0221;
    --loading-bg-top: #000000;
    --loading-bg-bottom: #0B1120;
    --loading-glow: #26408B;
    --loading-particle: #5b7dd6;
    --loading-text: #FFFFFF;
    --loading-text-gradient-start: #FFFFFF;
    --loading-text-gradient-end: rgba(255, 255, 255, 0);
    --loading-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --loading-letter-delay-step: 0.12s;
    --loading-glow-blur: 24px;
    --loading-glow-spread: 8px;

    /* Страница входа / регистрации */
    --entry-cta-bg: #232AE5;
    --entry-cta-hover: #1e24c7;
    --entry-card-gradient: linear-gradient(138.25deg, rgba(217, 217, 217, 0.5) -7.64%, rgba(217, 217, 217, 0) 127.25%);
    --entry-input-border: #FFFFFF;
    --entry-checkbox-bg: #1138C0;
    --entry-ellipse-blur: 100px;
}

/* Тёмная тема (основное приложение) */
[data-theme="dark"] {
    --bg: #1a1a24;
    --bg-end: #1e1a2a;
    --bg-secondary: #252530;
    --bg-card: #2d2d38;
    --text: #e8e8ec;
    --text-hint: #9a9aa3;
    --accent: #a78bfa;
    --accent-hover: #8b5cf6;
    --accent-cyan: #22d3ee;
    --accent-soft: rgba(167, 139, 250, 0.2);
    --on-accent: #1a1a24;
    --positive: #34d399;
    --negative: #f87171;
    --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.3);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
}