/* ===== 00-variables.css — дизайн-токены / переменные ===== */
:root {
    --g-base: #6d31ff;
    --g-soft: #7f4bff;
    --g-deep: #2a164e;
    --g-accent: #4df3ff;

    --shadow-1: 0 6px 12px rgba(0, 0, 0, .28);
    --shadow-2: 0 10px 24px rgba(0, 0, 0, .32);
    --shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(0, 0, 0, .22);

    --ui-yellow: #ffd84a;
    --ui-yellow-2: #e6a800;
    --ui-bg-1: #0d1b33;
    --ui-bg-2: #1b273f;
    --ui-surface: #192642;
    --ui-text: #fff;
    --ui-success: #2dd36f;
    --ui-danger: #ff4757;

    --ui-scale: 1;
    /* пересчитывается из JS при масштабировании */
    --rank-y: 18%;
    /* 15–25% по вкусу */

    /* динамическая высота с учётом iOS UI (ставится из JS) */
    --app-vh: 100vh;
    /* ширина фикс-панели, если используется fixed-режим */
    --panel-width: 400px;
}