:root {
    --size: 24%;

    --bg-main: #121212;
    --bg-header: #1e1e1e;
    --bg-header-hover: #2a2a2a;
    --bg-section: #313030;
    --bg-section-hover: #2d2d2d;
    --bg-section-selected: #3c3c3c;
    --bg-edition: black;


    --bg-btn-action: #d97706;
    --bg-btn-action-hover: #b45309;
    --bg-input: #2a2e36;
    --bg-btn: #2563eb;
    --bg-btn-selected: #10233a;
    --bg-btn-hover: #1e40af;
    --bg-btn-alert: #dc2626;
    --bg-btn-alert-hover: #991b1b;
    --bg-alert: #6b1b1b;
    --bg-ok: #1e461e;

    --fg-main: #f5f5f5;
    --fg-main-hover: #c1c6cc;
    --fg-header: #f5f5f5;
    --fg-header-hover: #ffffff;
    --fg-section: #e5e7eb;
    --fg-section-hover: #ffffff;
    --fg-section-selected: #ffffff;
    --fg-action: #ffffff;
    --fg-edition: #705f63;
    --fg-edition-hover: #c7bcbe;

    --bg-edition-node-inout: #e893cf;
    --bg-edition-node-vizualisation: #116d6e;
    --bg-edition-node-operation: #ea906c;

    --fg-edition-select-mode: #2e6e42;
    --fg-edition-delete-mode: #a03535;
    --fg-edition-duplicate-mode: #3545a0;
    --fg-edition-clone-mode: #245a97;
    --fg-edition-path-mode: #422e5c;
    --fg-edition-path: #ffa500;
    --fg-edition-path-hover: #c5840a;
    --fg-edition-path-selected: #ff7b00;
    --fg-input: #ffffff;
    --fg-btn: #ffffff;
    --fg-btn-hover: #ffffff;
    --fg-btn-selected: #ffffff;
    --fg-btn-action: #ffffff;
    --fg-btn-action-hover: #ffffff;
    --fg-btn-alert: #ffffff;
    --fg-btn-alert-hover: #ffffff;

    --fg-a: #60a5fa;
    /* bleu clair bien lisible */
    --fg-a-hover: #93c5fd;
    --fg-box-alert: #ffffff;
    --fg-alert: #6b1b1b;
    --fg-box-ok: #ffffff;
    --fg-ok: #1e461e;
    --fg-cancel: #921313;
}