:root {
    /* === Фоны === */
    --fx-bg:               #0b0b0d;
    --fx-bg-main:          var(--fx-bg);
    --fx-bg-deep:          #0b0b0f;   /* поля, табы и вложенные панели */
    --fx-bg-elevated:      #16161a;   /* карточки, модалки */
    --fx-bg-subtle:        rgba(255,255,255,0.03);  /* лёгкая подложка */
    --fx-bg-hover:         rgba(255,255,255,0.05);

    /* === Sidebar === */
    --fx-sidebar-bg:       #0b0b0f;
    --fx-sidebar-border:   #1f1f23;
    --fx-sidebar-w:        248px;
    --fx-sidebar-w-mini:   72px;       /* для collapsed (Сессия 4) */

    /* === Текст === */
    --fx-text-main:        #eeeeee;
    --fx-text-muted:       #8f8f98;
    --fx-text-dim:         #7f7f89;

    /* Единые статусные цвета тарифов для публичных витрин. */
    --fx-tier-free:        #9aa3b5;
    --fx-tier-pro:         #38e8c5;
    --fx-tier-ultra:       #ffda6b;
    --fx-text-inverse:     #000000;   /* для светлых акцентов */

    /* === Акценты === */
    --fx-ac1:              #7a4df5;   /* основной — индиго */
    --fx-ac1-rgb:          122, 77, 245;
    --fx-ac1-soft:         rgba(122, 77, 245, 0.1);
    --fx-ac1-glow:         rgba(122, 77, 245, 0.4);
    --fx-ac2:              #38e8c5;   /* секондари — мятный */
    --fx-ac2-rgb:          56, 232, 197;
    --fx-ac2-soft:         rgba(56, 232, 197, 0.1);
    --fx-gold:             #ffda6b;   /* премиум — золото */
    --fx-gold-rgb:         255, 218, 107;
    --fx-gold-soft:        rgba(255, 218, 107, 0.1);
    --fx-pink:             #fb03ba;   /* дополнительный акцент — розовый */
    --fx-pink-rgb:         251, 3, 186;
    --fx-pink-soft:        rgba(251, 3, 186, 0.1);
    --fx-pink-glow:        rgba(251, 3, 186, 0.4);

    /* === Состояния === */
    --fx-success:          #38e8c5;
    --fx-warning:          #ffda6b;
    --fx-error:            #ff4d4d;
    --fx-error-soft:       rgba(255, 107, 107, 0.1);

    /* === Границы === */
    --fx-border:           rgba(255, 255, 255, 0.08);
    --fx-border-strong:    rgba(255, 255, 255, 0.15);

    /* === Скругления === */
    --fx-radius-sm:        14px;
    --fx-radius-md:        24px;
    --fx-radius-lg:        32px;
    --fx-radius-xl:        42px;
    --fx-radius-pill:      100px;
    --fx-select-min-width: 175px;

    /* === Тени === */
    --fx-shadow-sm:        0 2px 8px rgba(0,0,0,0.2);
    --fx-shadow-md:        0 10px 30px rgba(0,0,0,0.4);
    --fx-shadow-lg:        0 20px 60px rgba(0,0,0,0.5);
    --fx-shadow-glow:      0 0 20px rgba(122, 77, 245, 0.3);

    /* === Анимации === */
    --fx-transition-fast:  0.15s ease;
    --fx-transition:       0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --fx-transition-slow:  0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

    /* === Шрифты === */
    --fx-font-main:        'Inter', -apple-system, 'Segoe UI', sans-serif;
    --fx-font-mono:        'JetBrains Mono', 'Courier New', monospace;
}


[data-theme="light"] {
    --fx-bg:               #f5f5f7;
    --fx-bg-main:          var(--fx-bg);
    --fx-bg-deep:          #f0f0f3;
    --fx-bg-elevated:      #ffffff;
    --fx-bg-subtle:        rgba(0,0,0,0.03);
    --fx-bg-hover:         rgba(0,0,0,0.05);

    --fx-sidebar-bg:       #ffffff;
    --fx-sidebar-border:   #e5e5e8;

    --fx-text-main:        #1a1a1d;
    --fx-text-muted:       #5f6878;
    --fx-text-dim:         #687180;
    --fx-text-inverse:     #ffffff;

    --fx-border:           rgba(0, 0, 0, 0.08);
    --fx-border-strong:    rgba(0, 0, 0, 0.15);

    --fx-shadow-sm:        0 2px 8px rgba(0,0,0,0.06);
    --fx-shadow-md:        0 10px 30px rgba(0,0,0,0.1);
    --fx-shadow-lg:        0 20px 60px rgba(0,0,0,0.12);


}

input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}