:root {
    --white: #ffffff;
    --gray: #d9d9d9;
    --black: #000000;
    --green: #1EBA1E;
    --red: #CE0F0B;
    --font-family: "DM Sans", sans-serif;
    --sidebar-width-collapsed: 90px;
    --sidebar-width-expanded: 290px;

    --login-color: #3572ef;


    --just-cat0: #991010;
    --just-cat1: #6e18ea;
    --just-cat2: #e5176b;
    --just-cat3: #ff9900;
    --just-cat4: #ff5b1a;
    --just-cat5: #16b2a3;

    --turno-0: #CC9715;
    --turno-1: #AAA505;
    --turno-2: #993D10;
    --turno-3: #0682BF;
    --turno-5: #079918;

    --sts-produzindo: #1EBA1E;
    --sts-parada: var(--just-cat0);
    --sts-produzindo-hover: #45a049;
    --sts-parada-hover: var(--just-cat0);
    --sts-desconectada: grey;
    /*    --efc-ruim: #ce0f0b;*/
    --efc-OEE: #3572EF;
    --efc-disp: #1759CC;
    --efc-perf: #09398E;
    --efc-qual: #01276b;

    --efc-boa: #1eba1e;
    --efc-ruim: var(--just-cat0);
    --efc-media: #f9bb1e;
    --efc-null: grey;

    --ene-fp: #AAA505;
    --ene-cor: #993D10;
    --ene-ten: #0682BF;

    --sts-rolo: #2626ff;
    --sts-fio: #ffb226;
    --sts-op: #ffff00;
    --sts-fio-elast: #02faee;
    --sts-manut: #b002fa;
    --sts-default: #fc6b03;

    --cor-aguardando: var(--efc-media);
    --cor-op-rodando: var(--efc-boa);
    --cor-op-pausada: var(--just-cat0);
    --cor-em-aberto: #A9A9A9;
    --cor-op-finalizada: #007BFF;

    --efc-real: var(--efc-OEE);
    --efc-real-1: var(--efc-OEE);
    --efc-real-2: var(--efc-OEE);
    --efc-real-3: var(--efc-OEE);
    --efc-real-4: var(--efc-OEE);

    --efc-prevista: var(--efc-media);
    --efc-prevista-1: var(--efc-media);
    --efc-prevista-2: var(--efc-media);
    --efc-prevista-3: var(--efc-media);
    --efc-prevista-4: var(--efc-media);
    --button-swall: var(--active-link-color) !important;

    --efc-progress-bar-in: rgba(173, 173, 173, 0.774);
    --efc-progress-bar-ext: rgba(0, 0, 0, 0.616);



    --status-aguardando: #8b5cf6;
    --status-op-rodando: #22c55e;
    --status-op-pausada: #fb923c;
    --status-op-em-setup: var(--just-cat2);
    --status-em-aberto: #38bdf8;
    --status-op-finalizada: #94a3b8;
}
[data-theme="light"] {
    /* ── Cores base reutilizáveis ── */
    --color-dark-text: #343d48;
    --color-white: #ffffff;
    --color-soft-white: #fbfbfb;
    --color-light-bg: #f8f3f3;
    --color-header-light: #E9E9EA;
    --color-hover-light: #f5f5f5;

    --primary-color: var(--color-dark-text);
    --secondary-color: var(--color-dark-text);
    --dark-secondary-color: #d4d4d470;
    --tertiary-color: rgba(101, 152, 197, 0.5);
    --active-link-color: #1174f664;
    --light-tertiary-color: var(--color-light-bg);
    --background-color: var(--color-white);
    --text-color: var(--color-dark-text);
    --link-color: #000000;
    --header-color: var(--color-header-light);
    --botao-ativo-color: #00bfff;
    --background-color-mobile: var(--color-light-bg);
    --card-color: #eaeaea;
    --card-color-hover: #dfdfdf;
    --sidebar-color: var(--color-soft-white);
    --top-bar-color: var(--header-color);
    --shadow-theme: rgba(0, 0, 0, 0.185);
    --overlay-bg: rgba(0, 0, 0, 0.3);
    --bg-card: var(--color-white);
    --border-color: #dddddd;
    --text-secondary: #888888;
    --bg-body: #f9f9f9;
    --bg-hover: var(--color-hover-light);
    --field-border-color: #e5e7eb;
    --field-hover-bg: #f7f9fb;
    --chip-color: #1e3a8a;
    --chip-bg: rgba(59, 130, 246, 0.10);
    --chip-border: rgba(59, 130, 246, 0.25);
    --chip-close-bg: rgba(30, 58, 138, 0.12);
    --chip-locked-color: var(--text-color);
    --chip-locked-bg: rgba(0, 0, 0, 0.04);

    /* Novas variáveis para cadastro do tipo Máquina */
    --background-tipo: var(--color-soft-white);
    --header-tipo: var(--color-white);
    --active-link-tipo: #a2c8fb;
    --hover-tipo: var(--color-header-light);
    --button-color-tipo: #ECECECB7;
    --header-tabela-tipo: var(--color-hover-light);

    /* Kanban */
    --kanban-bg: #f6f8fb;
    --kanban-border: #e5e7eb;
    --kanban-card: var(--color-white);
    --kanban-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    --kanban-muted: #6b7280;

    /* Navbar dropdown */
    --dropdown-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    --dropdown-rich-menu-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 248, 252, 0.98) 100%);
    --dropdown-rich-menu-border: rgba(15, 23, 42, 0.08);
    --dropdown-rich-menu-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
    --dropdown-rich-item-hover-bg: rgba(43, 110, 245, 0.08);
    --dropdown-rich-item-hover-border: rgba(43, 110, 245, 0.16);
    --dropdown-rich-item-hover-shadow: 0 8px 18px rgba(43, 110, 245, 0.08);
    --icon-blue-color: #2563eb;
    --icon-green-color: #16a34a;
    --icon-amber-color: #d97706;
    --icon-red-color: #dc2626;
    --icon-purple-color: #9333ea;
    --dropdown-item-hover-bg: var(--active-link-color);
    --dropdown-item-hover-color: var(--text-color);
}

[data-theme="dark"] {
    /* ── Cores base reutilizáveis ── */
    --color-bg-dark: #080d1f;
    --color-bg-deep: #05091a;
    --color-surface-dark: #0d1b35;
    --color-header-dark: #0d1e3a;
    --color-hover-dark: #1a2a44;
    --color-text-dark: #c8d8f0;
    --color-accent-dark: #3b82f6;
    --color-muted-dark: #6a89b0;

    /* ── Superfícies ── */
    --background-color: var(--color-bg-dark);
    --sidebar-color: var(--color-bg-deep);
    --top-bar-color: #0b1226;
    --header-color: var(--color-header-dark);
    --card-color: var(--color-surface-dark);
    --card-color-hover: #112040;
    --menu-color: var(--color-surface-dark);
    --light-tertiary-color: var(--color-surface-dark);
    --background-color-mobile: var(--color-bg-deep);

    /* ── Texto ── */
    --primary-color: var(--color-text-dark);
    --secondary-color: var(--color-text-dark);
    --text-color: var(--color-text-dark);
    --link-color: var(--color-text-dark);

    /* ── Acento e interação ── */
    --active-link-color: var(--color-accent-dark);
    --botao-ativo-color: var(--color-accent-dark);

    /* ── Auxiliares ── */
    --dark-secondary-color: var(--color-hover-dark);
    --tertiary-color: rgba(59, 130, 246, 0.22);
    --shadow-theme: rgba(0, 0, 0, 0.65);
    --overlay-bg: rgba(0, 0, 0, 0.65);

    /* ── Cadastro / tipo máquina ── */
    --background-tipo: var(--color-bg-dark);
    --header-tipo: var(--color-header-dark);
    --active-link-tipo: var(--color-accent-dark);
    --hover-tipo: var(--color-hover-dark);
    --button-color-tipo: var(--color-accent-dark);
    --header-tabela-tipo: var(--color-header-dark);

    /* ── Kanban ── */
    --kanban-bg: var(--color-bg-deep);
    --kanban-border: var(--color-hover-dark);
    --kanban-column: var(--color-surface-dark);
    --kanban-card: var(--color-header-dark);
    --kanban-card-hover: #122446;
    --kanban-shadow: 0 10px 30px rgba(0, 0, 0, 0.65);
    --kanban-muted: var(--color-muted-dark);
    --kanban-title: var(--color-text-dark);

    /* ── Navbar dropdown ── */
    --dropdown-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
    --dropdown-rich-menu-bg: linear-gradient(180deg, rgba(21, 25, 35, 0.98) 0%, rgba(28, 34, 48, 0.98) 100%);
    --dropdown-rich-menu-border: rgba(255, 255, 255, 0.08);
    --dropdown-rich-menu-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
    --dropdown-rich-item-hover-bg: rgba(96, 165, 250, 0.12);
    --dropdown-rich-item-hover-border: rgba(96, 165, 250, 0.2);
    --dropdown-rich-item-hover-shadow: 0 10px 18px rgba(2, 6, 23, 0.25);
    --icon-blue-color: #93c5fd;
    --icon-green-color: #86efac;
    --icon-amber-color: #fcd34d;
    --icon-red-color: #fca5a5;
    --icon-purple-color: #d8b4fe;
    --dropdown-item-hover-bg: rgba(59, 130, 246, 0.12);
    --dropdown-item-hover-color: #93c5fd;

    /* ── Notificações ── */
    --bg-card: var(--color-surface-dark);
    --border-color: var(--color-hover-dark);
    --text-secondary: var(--color-muted-dark);
    --bg-body: var(--color-bg-dark);
    --bg-hover: var(--color-hover-dark);
    --field-border-color: var(--color-hover-dark);
    --field-hover-bg: var(--color-hover-dark);
    --chip-color: #93c5fd;
    --chip-bg: rgba(59, 130, 246, 0.14);
    --chip-border: rgba(59, 130, 246, 0.30);
    --chip-close-bg: rgba(59, 130, 246, 0.18);
    --chip-locked-color: #8ea3c3;
    --chip-locked-bg: rgba(255, 255, 255, 0.05);
}