/* ВСЕ ПЕРЕМЕННЫЕ ТУТ (ОДИН РАЗ) */
:root {
    --primary-color: #38bdf8;
    --primary-hover: #0284c7;
    --bg-color: #0f172a;
    --card-bg: rgba(30, 41, 59, 0.6);
    --solid-card-bg: #182234;
    --text-main: #f1f5f9;
    --text-secondary: #94a3b8;
    --danger-color: #ff4444;
    --success-color: #00c851;
    --warning-color: #ffa900;
    --info-color: #3b82f6;
    --border-color: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glow-color: rgba(56, 189, 248, 0.1);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    --input-bg: #1e293b;
    --autofill-bg: #141e30;

    --wave-color-1: rgba(56, 189, 248, 0.12);
    --wave-color-2: rgba(56, 189, 248, 0.08);
    --wave-color-3: rgba(56, 189, 248, 0.04);
    --wave-color-4: rgba(56, 189, 248, 0.02);
}

/* Глобальный сброс */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    background-color: var(--bg-color) !important;
    color: var(--text-main);
    font-family: 'Inter', sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

/* Глобальная сетка фона (чтобы была на всех страницах без моргания) */
.bg-grid {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100vh;
    z-index: 1; pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='white' stroke-width='1.0' opacity='0.2'/%3E%3C/svg%3E");
    mask-image: radial-gradient(circle at center, black 20%, rgba(0,0,0,0.5) 50%, transparent 85%);
    opacity: 0.4;
}

.haptic-active:active { transform: scale(0.95); transition: 0.1s; }

h1:focus, div:focus, main:focus, section:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Если хочешь точечно только для заголовков */
.page-actions h1:focus, .logo-container h1:focus {
    outline: none !important;
}