/* ============================================================
   ТЕМЫ — CSS-переменные
   Светлая тема по умолчанию, тёмная через [data-theme="dark"]
   ============================================================ */

:root {
    /* === Палитра === */
    --color-primary:        #2d7a3a;
    --color-primary-hover:  #1f5a29;
    --color-accent:         #4a90e2;
    --color-danger:         #c0392b;
    --color-warning:        #d4a017;
    --color-success:        #27ae60;

    /* === Поверхности === */
    --bg-body:              #f4f5f7;
    --bg-panel:             #ffffff;
    --bg-panel-secondary:   #f0f2f5;
    --bg-mindmap:           rgba(220, 225, 230, 0.4);
    --bg-node:              rgba(255, 255, 255, 0.92);
    --bg-node-root:         rgba(255, 255, 255, 0.98);
    --bg-node-hover:        rgba(240, 248, 255, 0.95);
    --bg-toolbar:           #ffffff;
    --bg-sidebar:           #ffffff;
    --bg-input:             #ffffff;
    --bg-dialog:            #ffffff;

    /* === Текст === */
    --text-primary:         #2c3e50;
    --text-secondary:       #5a6775;
    --text-muted:           #8a95a3;
    --text-on-primary:      #ffffff;

    /* === Границы === */
    --border-color:         #d8dde3;
    --border-light:         #e8ecf0;
    --border-node:          rgba(45, 122, 58, 0.55);
    --border-node-root:     rgba(45, 122, 58, 0.85);

    /* === Тени === */
    --shadow-sm:            0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md:            0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg:            0 8px 24px rgba(0, 0, 0, 0.12);

    /* === Скругления === */
    --radius-sm:            4px;
    --radius-md:            6px;
    --radius-lg:            10px;
    --radius-xl:            14px;

    /* === Связи (jsPlumb) === */
    --connector-color:      #7a8694;
    --connector-hover:      #4a90e2;
    --connector-cross:      #b07a2a;

    /* === Размеры === */
    --header-height:        48px;
    --toolbar-height:       40px;
    --footer-height:        28px;
    --sidebar-width:        240px;

    /* === Скорость переходов === */
    --transition-fast:      120ms ease;
    --transition-normal:    200ms ease;
}

/* ============================================================
   ТЁМНАЯ ТЕМА
   ============================================================ */

[data-theme="dark"] {
    --color-primary:        #4caf6a;
    --color-primary-hover:  #66c480;
    --color-accent:         #5a9ee0;

    --bg-body:              #1a1d23;
    --bg-panel:             #24282f;
    --bg-panel-secondary:   #1e2127;
    --bg-mindmap:           rgba(30, 33, 40, 0.6);
    --bg-node:              rgba(45, 50, 58, 0.95);
    --bg-node-root:         rgba(50, 56, 66, 0.98);
    --bg-node-hover:        rgba(60, 68, 80, 0.95);
    --bg-toolbar:           #24282f;
    --bg-sidebar:           #24282f;
    --bg-input:             #1e2127;
    --bg-dialog:            #2a2e36;

    --text-primary:         #e4e7ec;
    --text-secondary:       #a0a8b4;
    --text-muted:           #6b7380;

    --border-color:         #3a3f48;
    --border-light:         #2f343c;
    --border-node:          rgba(76, 175, 106, 0.55);
    --border-node-root:     rgba(76, 175, 106, 0.85);

    --shadow-sm:            0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md:            0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg:            0 8px 24px rgba(0, 0, 0, 0.5);

    --connector-color:      #5a6270;
    --connector-hover:      #5a9ee0;
    --connector-cross:      #c08a3a;
}