/* --- EVERGO SZERKESZTŐ DESIGN TOKEN RENDSZER --- */
:root {
    /* 1. SÖTÉT SZERKESZTŐ FELÜLET - 4-SZINTŰ SZÜRKE HÁTTÉR (UI SHELL) */
    --ui-bg-base: #1e1e1e;       /* Legmélyebb háttér (Canvas mögötti tér, inputok belseje) */
    --ui-bg-panel: #2b2b2b;      /* Fő panelek: sidebar-rail, layers-sidebar, top-toolbar, dropdown-panel, modálok */
    --ui-bg-elevated: #353535;   /* Kiemelt kártyák a panelben, lebegő eszköztárak (element-toolbar), gombok */
    --ui-bg-hover: #3f3f3f;      /* Másodlagos elemek és gombok hover háttere */

    /* 2. KERETEK ÉS ELVÁLASZTÓK - 3 SZINT */
    --ui-border-subtle: #333333; /* Belső finom elválasztó vonalak */
    --ui-border-default: #3f3f3f;/* Standard gomb, input, toolbar és panel keret */
    --ui-border-strong: #525252; /* Kiemelt és hover állapotú keret */

    /* 3. SZÖVEG ÉS IKON SZÍNEK - 3 SZINT */
    --ui-text-primary: #ffffff;  /* Fő szövegek, aktív címkék és aktív ikonok */
    --ui-text-secondary: #b3b3b3;/* Másodlagos feliratok, rétegnevek, menüpontok */
    --ui-text-muted: #7a7a7a;    /* Segédszövegek, mértékegységek, gyorsbillentyűk, inaktív ikonok */

    /* 4. SZEMANTIKUS TÍPUS- ÉS FUNKCIÓSZÍNEK */
    --primary-color: #346af3;    /* Főkék: Kijelölés, hover, belső margó (padding) zóna, alap segédvonalzó */
    --primary-hover: #2563eb;    /* Kék gombok és fogantyúk hover/aktív állapota */
    --primary-light: rgba(52, 106, 243, 0.18); /* Finom kék kiemelő háttér */
    --primary-dashed: rgba(52, 106, 243, 0.28); /* Alapértelmezett szaggatott segédkeret */

    --color-margin: #38bdf8;     /* Cián / Égkék: Külső margó (zone-margin) */
    --color-overlap: #9333ea;    /* Lila: Átfedés (zone-overlap, guide-overlap) */
    --color-snap: #10b981;       /* Smaragdzöld: Illeszkedés (is-snapped), elem-csere célpont */
    --color-warning: #f59e0b;    /* Borostyán: Felülírások és figyelmeztetések */
    --color-danger: #ef4444;     /* Piros: Törlés és veszélyes műveletek */

    /* Kompatibilitási aliasok a meglévő kódokhoz */
    --toolbar-bg: var(--ui-bg-panel);
    --toolbar-blue: var(--primary-color);
    --text-main: var(--ui-text-primary);
    --text-muted: var(--ui-text-secondary);
    --border-color: var(--ui-border-default);
    --border-dark: var(--ui-border-subtle);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    background-color: #1e1e1e;
}

.icon-rotate-90 { transform: rotate(90deg); }
.icon-rotate-180 { transform: rotate(180deg); }
.icon-rotate-270 { transform: rotate(270deg); }

/* --- FONT AWESOME ALAPBEÁLLÍTÁSOK --- */
.fa, .fa-light, .fa-regular, .fa-solid, .fa-thin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}