/* theme.css — палітра тем CODE COMPILER
   Значення в :root повністю відповідають початковій темній темі.
   Блок .light-theme перевизначає ті самі змінні для світлої теми. */

:root {
    /* Фони */
    --bg-base:            #1e1e1e;
    --bg-panel:           #252526;
    --bg-panel-alt:       #252528;
    --bg-elevated:        #2d2d30;
    --bg-hover:           #37373d;
    --bg-hover-soft:      #2a2d2e;
    --bg-deep:            #1a1a1a;
    --bg-deepest:         #0a0a0a;
    --bg-input:           #3c3c3c;
    --bg-muted:           #424242;
    --bg-muted-2:         #383838;
    --bg-muted-3:         #3a3a3d;

    /* Скролбари */
    --scroll-thumb:       #424242;
    --scroll-thumb-hover: #4f4f4f;

    /* Межі */
    --border-main:        #3e3e42;
    --border-strong:      #464647;
    --border-soft:        #555555;
    --border-dim:         #333333;

    /* Текст */
    --text-bright:        #ffffff;
    --text-main:          #cccccc;
    --text-editor:        #d4d4d4;
    --text-soft:          #e0e0e0;
    --text-muted:         #888888;
    --text-dim:           #858585;
    --text-faint:         #666666;

    /* Акцент */
    --accent:             #007acc;
    --accent-hover:       #005a9e;
    --accent-dark:        #0056b3;
    --accent-darker:      #004085;
    --accent-light:       #74c0fc;

    /* Вторинна кнопка (текст на ній завжди білий) */
    --btn-secondary:       #5a5a5a;
    --btn-secondary-hover: #6a6a6a;

    /* Статуси */
    --danger:             #ff6b6b;
    --danger-strong:      #f44336;
    --danger-alt:         #dc3545;
    --warning:            #ffd43b;
    --warning-soft:       #ffe066;
    --success:            #40c057;
    --success-alt:        #51cf66;
    --success-strong:     #4caf50;
    --success-dark:       #28a745;
}

.light-theme {
    /* Фони */
    --bg-base:            #ffffff;
    --bg-panel:           #f8f8f8;
    --bg-panel-alt:       #f5f5f5;
    --bg-elevated:        #f3f3f3;
    --bg-hover:           #e4e6e8;
    --bg-hover-soft:      #ededed;
    --bg-deep:            #f5f5f5;
    --bg-deepest:         #ececec;
    --bg-input:           #ffffff;
    --bg-muted:           #e6e6e6;
    --bg-muted-2:         #ebebeb;
    --bg-muted-3:         #e9e9e9;

    /* Скролбари */
    --scroll-thumb:       #c8c8c8;
    --scroll-thumb-hover: #ababab;

    /* Межі */
    --border-main:        #d4d4d4;
    --border-strong:      #c4c4c4;
    --border-soft:        #dcdcdc;
    --border-dim:         #e0e0e0;

    /* Текст */
    --text-bright:        #1a1a1a;
    --text-main:          #2f2f2f;
    --text-editor:        #2c2c2c;
    --text-soft:          #333333;
    --text-muted:         #6b6b6b;
    --text-dim:           #767676;
    --text-faint:         #7a7a7a;

    /* Акцент */
    --accent:             #0066b8;
    --accent-hover:       #005a9e;
    --accent-dark:        #0056b3;
    --accent-darker:      #004085;
    --accent-light:       #1971c2;

    /* Вторинна кнопка лишається темною — на ній білий текст */
    --btn-secondary:       #6b6b6b;
    --btn-secondary-hover: #5a5a5a;

    /* Статуси — темніші відтінки для читабельності на світлому */
    --danger:             #d13438;
    --danger-strong:      #c62828;
    --danger-alt:         #c82333;
    --warning:            #b06f00;
    --warning-soft:       #96600a;
    --success:            #2f9e44;
    --success-alt:        #2b8a3e;
    --success-strong:     #2e7d32;
    --success-dark:       #1e7e34;
}