/* IZZY OS — DESIGN TOKENS (fonte ÚNICA da verdade). Sprint Premium UX v1, Etapa 1.
   Todo hex do produto vive AQUI. os.css e estoque.css apenas referenciam estes
   tokens via var(--izzy-*); nenhuma outra folha crava cor de marca no :root.
   Namespace prefixado (--izzy-*) = à prova de colisão com o tema legado (--lgc-*).
   Etapa 1 preserva EXATAMENTE os valores atuais (invariância visual provada por
   getComputedStyle antes/depois); a convergência de variantes shell/conteúdo é
   uma decisão deliberada de etapas seguintes. */
:root {
  /* — Superfícies — */
  --izzy-bg: #0f1724;            /* fundo base do app */
  --izzy-bg-2: #121b28;          /* painéis */
  --izzy-bg-3: #182331;          /* superfícies elevadas / campos */
  --izzy-bg-sidebar: #0c1420;    /* sidebar do shell */

  /* — Linhas / bordas — */
  --izzy-line: #263344;          /* divisórias de conteúdo (tabelas, cards) */
  --izzy-line-2: #344255;        /* borda mais viva */
  --izzy-line-strong: rgba(111, 137, 170, .52);  /* borda destacada (KPIs) */
  --izzy-line-shell: #1e2a3a;    /* bordas do shell (sidebar/topbar) */
  --izzy-line-shell-2: #2b3a4d;  /* borda interativa do shell */

  /* — Tinta / texto — */
  --izzy-ink: #e6ebf2;           /* texto primário */
  --izzy-ink-2: #9aa6b6;         /* texto secundário */
  --izzy-ink-3: #6b7686;         /* texto terciário (conteúdo) */
  --izzy-ink-3-shell: #647184;   /* texto terciário do shell */

  /* — Acentos / semânticas — */
  --izzy-accent: #2ea043;        /* verde de marca / sucesso */
  --izzy-accent-soft: rgba(46, 160, 67, .16);
  --izzy-blue: #2f81f7;          /* informação */
  --izzy-green: #2ea043;         /* lucro / sucesso */
  --izzy-red: #d1424f;           /* problema */
  --izzy-amber: #d9a441;         /* atenção */

  /* — Estados / detalhes do shell — */
  --izzy-bg-sidebar-top: #0d1522;               /* topo do gradiente do sidebar */
  --izzy-hover: rgba(255, 255, 255, .04);       /* sobreposição de hover em itens */
  --izzy-accent-ink: #b6f2ca;                   /* texto sobre accent-soft (item ativo) */
  --izzy-ink-muted: #57606a;                    /* texto apagado (placeholders) */
  --izzy-glass-a: rgba(255, 255, 255, .02);     /* vidro sutil (painéis internos) */
  --izzy-glass-b: rgba(255, 255, 255, .03);     /* vidro sutil 2 (cards internos) */
  --izzy-hover-row: rgba(255, 255, 255, .025);  /* hover de linha de tabela */
  --izzy-native: dark;                          /* widgets nativos (date/select) */
  --izzy-ink-hover-strong: #fff;                /* texto intensificado em :hover de botões-fantasma */
  --izzy-ink-on-accent: #06210e;                /* texto sobre o acento (toggle ativo) */
  --izzy-ink-on-accent-2: #06190d;              /* texto sobre o CTA verde (drawer) */

  /* — Triplas RGB (tints: rgba(var(--izzy-rgb-X), a)) — */
  --izzy-rgb-blue: 47,129,247;
  --izzy-rgb-green: 46,160,67;
  --izzy-rgb-red: 209,66,79;
  --izzy-rgb-red2: 229,72,77;
  --izzy-rgb-amber: 217,164,65;
  --izzy-rgb-amber2: 210,153,34;
  --izzy-rgb-amber3: 220,154,45;
  --izzy-rgb-gold: 240,180,41;
  --izzy-rgb-violet: 163,113,247;
  --izzy-rgb-violet2: 111,66,193;
  --izzy-rgb-violet3: 137,110,235;
  --izzy-rgb-orange: 219,109,40;
  --izzy-rgb-orange2: 219,133,54;
  --izzy-rgb-orange3: 255,159,67;
  --izzy-rgb-orange4: 232,106,0;
  --izzy-rgb-steel: 59,130,196;
  --izzy-rgb-lav: 120,124,164;
  --izzy-rgb-slate: 72,91,116;
  --izzy-rgb-slate2: 101,125,154;
  --izzy-rgb-slate3: 89,111,139;
  --izzy-rgb-slate4: 107,118,134;
  --izzy-rgb-grey: 154,166,182;
  --izzy-rgb-hair: 52,66,85;
  --izzy-rgb-green2: 67,191,110;
  --izzy-rgb-wellred: 74,26,32;
  --izzy-rgb-wellgreen: 35,66,44;
  --izzy-rgb-wellamber: 64,49,15;
  --izzy-rgb-linebar: 38,51,68;
  --izzy-rgb-linehover: 142,169,204;
  --izzy-rgb-glass: 16,24,36;
  --izzy-rgb-field: 24,35,49;
  --izzy-rgb-panel: 24,36,52;
  --izzy-rgb-panel2: 14,22,33;
  --izzy-rgb-card: 20,31,45;
  --izzy-rgb-card2: 16,25,37;
  --izzy-rgb-menu: 20,30,44;
  --izzy-rgb-inset: 18,27,40;
  --izzy-rgb-deep: 15,23,36;
  --izzy-rgb-well: 12,20,32;
  --izzy-rgb-well2: 16,26,39;
  --izzy-rgb-sheet: 16,25,38;
  --izzy-rgb-well3: 14,21,32;

  /* — Tintas de texto por família (valor dark exato de hoje) — */
  --izzy-ink-blue-1: #5aa2ff;
  --izzy-ink-blue-2: #7db3ff;
  --izzy-ink-blue-3: #8ab8f8;
  --izzy-ink-blue-4: #8ec2ff;
  --izzy-ink-blue-5: #8fbeff;
  --izzy-ink-blue-6: #9ecbff;
  --izzy-ink-blue-7: #9fc8ff;
  --izzy-ink-bluep-1: #b7d8ff;
  --izzy-ink-bluep-2: #bcdcff;
  --izzy-ink-bluep-3: #bfdcff;
  --izzy-ink-bluep-4: #cfe4ff;
  --izzy-ink-bluep-5: #dcecff;
  --izzy-ink-bluep-6: #dfeaff;
  --izzy-ink-steel-1: #7fb0e0;
  --izzy-ink-red-1: #f2777c;
  --izzy-ink-red-2: #ff8088;
  --izzy-ink-red-3: #f2909a;
  --izzy-ink-red-4: #f2a0a9;
  --izzy-ink-red-5: #f2a3a7;
  --izzy-ink-red-6: #ff9ba1;
  --izzy-ink-redp-1: #ffb3b8;
  --izzy-ink-redp-2: #ffb5bd;
  --izzy-ink-redp-3: #ffc5cc;
  --izzy-ink-redp-4: #ffd0d3;
  --izzy-ink-redp-5: #ffd3d8;
  --izzy-ink-green-1: #36b46b;
  --izzy-ink-green-2: #36b66b;
  --izzy-ink-green-3: #65d890;
  --izzy-ink-green-4: #7ee0a0;
  --izzy-ink-green-5: #7ee2a8;
  --izzy-ink-green-6: #9fd8b4;
  --izzy-ink-greenp-1: #a9efbe;
  --izzy-ink-greenp-2: #b6f2ca;
  --izzy-ink-greenp-3: #b9f6ca;
  --izzy-ink-amber-1: #c9a55e;
  --izzy-ink-amber-2: #e8c268;
  --izzy-ink-amber-3: #e8c37a;
  --izzy-ink-amber-4: #f5c451;
  --izzy-ink-amber-5: #f0a35e;
  --izzy-ink-amber-6: #ffb86b;
  --izzy-ink-amber-7: #ffb877;
  --izzy-ink-amber-8: #ffc760;
  --izzy-ink-amber-9: #ffc680;
  --izzy-ink-amber-10: #ffd27a;
  --izzy-ink-amberp-1: #ffe0a3;
  --izzy-ink-amberp-2: #f5dcae;
  --izzy-ink-amberp-3: #f3d194;
  --izzy-ink-amberp-4: #ffd9a0;
  --izzy-ink-amberp-5: #ffcf9c;
  --izzy-ink-amberp-6: #ffcf8a;
  --izzy-ink-violet-1: #b7a5f5;
  --izzy-ink-violet-2: #d2a8ff;
  --izzy-ink-violetp-1: #d6c8ff;
  --izzy-ink-violetp-2: #d9cfff;
  --izzy-ink-violetp-3: #e4d4ff;
  --izzy-ink-hi-1: #f4f7fb;
  --izzy-ink-hi-2: #f3f7fb;
  --izzy-ink-hi-3: #f1f5f9;
  --izzy-ink-hi-4: #f1f5fb;
  --izzy-ink-hi-5: #eef4fa;
  --izzy-ink-hi-6: #e8eef7;
  --izzy-ink-hi-7: #e7edf6;
  --izzy-ink-hi-8: #e6edf6;
  --izzy-ink-mh-1: #dfe7f0;
  --izzy-ink-mh-2: #dbe5f2;
  --izzy-ink-mh-3: #d8e0ea;
  --izzy-ink-mh-4: #d6d9ee;
  --izzy-ink-mh-5: #cfd8e3;
  --izzy-ink-mh-6: #c9d4e3;
  --izzy-ink-mh-7: #c8d2de;
  --izzy-ink-mh-8: #c7d1de;
  --izzy-ink-mh-9: #cbd5e2;
  --izzy-ink-mid-1: #b9c5d5;
  --izzy-ink-mid-2: #b8c3d1;
  --izzy-ink-mid-3: #b8c7d9;
  --izzy-ink-mid-4: #b3bdca;
  --izzy-ink-mid-5: #aeb9c8;
  --izzy-ink-mid-6: #aab8ca;
  --izzy-ink-mid-7: #aebbc9;
  --izzy-ink-ml-1: #9cabbf;
  --izzy-ink-ml-2: #93a0b1;
  --izzy-ink-ml-3: #93a0b0;
  --izzy-ink-ml-4: #8b97a9;
  --izzy-ink-ml-5: #8a96a6;
  --izzy-ink-ml-6: #8494a9;
  --izzy-ink-ml-7: #8f9aab;
  --izzy-ink-low-1: #7f8b9d;
  --izzy-ink-low-2: #7f8a99;
  --izzy-ink-low-3: #71808f;
  --izzy-ink-dim-1: #5a6472;
  --izzy-ink-dim-2: #4a5568;

  /* — Superfícies/linhas/poços nomeados — */
  --izzy-bg-grad-top: #101722;
  --izzy-bg-grad-bot: #0d1520;
  --izzy-drawer-top: #142031;
  --izzy-drawer-bot: #101a27;
  --izzy-well-blue: #12283f;
  --izzy-well-red: #341318;
  --izzy-well-violet: #221a3d;
  --izzy-well-amber: #33270f;
  --izzy-well-green: #10281a;
  --izzy-bg-input: #11151c;
  --izzy-bg-input-2: #0d1724;
  --izzy-line-input: #262d3a;
  --izzy-line-input-2: #31445d;
  --izzy-panel-a: #101a28;
  --izzy-panel-b: #121f2f;
  --izzy-panel-c: #111d2c;
  --izzy-line-a: #26364a;
  --izzy-line-b: #26384e;
  --izzy-line-c: #28394e;
  --izzy-line-d: #2d3e55;
  --izzy-red-vivid: #e5484d;
  --izzy-amber-vivid: #d29922;
  --izzy-orange-vivid: #e86a00;

  /* — Forma / dimensões do shell — */
  --izzy-radius: 10px;
  --izzy-sidebar-w: 234px;
  --izzy-sidebar-w-collapsed: 66px;
}

/* ============================== TEMA LIGHT ==============================
   Sobrescrita EXCLUSIVA de cor: mesmas superfícies/tintas/linhas semânticas,
   nenhuma dimensão. O atributo é carimbado no <html> pelo init pré-paint
   (components/head_theme.html); sem atributo => dark acima, intocado.
   Superfícies fogem do branco puro no fundo base para preservar a hierarquia
   (bg < painel < elevado); semânticas escurecem p/ legibilidade sobre claro. */
:root[data-theme="light"] {
  /* — Superfícies — */
  --izzy-bg: #e9edf4;
  --izzy-bg-2: #f5f7fa;
  --izzy-bg-3: #ffffff;
  --izzy-bg-sidebar: #f7f9fc;

  /* — Linhas / bordas — */
  --izzy-line: #d5dce6;
  --izzy-line-2: #c2ccd9;
  --izzy-line-strong: rgba(71, 96, 129, .45);
  --izzy-line-shell: #e2e7ef;
  --izzy-line-shell-2: #cdd6e1;

  /* — Tinta / texto — */
  --izzy-ink: #1b2534;
  --izzy-ink-2: #5a6a7e;
  --izzy-ink-3: #75839a;
  --izzy-ink-3-shell: #7b8a9e;

  /* — Acentos / semânticas (mesmo significado, luminância p/ fundo claro) — */
  --izzy-accent: #1f8a3d;
  --izzy-accent-soft: rgba(31, 138, 61, .13);
  --izzy-blue: #1e63d6;
  --izzy-green: #1f8a3d;
  --izzy-red: #c22f3d;
  --izzy-amber: #9a6a00;

  /* — Estados / detalhes do shell — */
  --izzy-bg-sidebar-top: #fdfdfe;
  --izzy-hover: rgba(16, 24, 40, .05);
  --izzy-accent-ink: #15642e;
  --izzy-ink-muted: #5c6b80;
  --izzy-glass-a: rgba(16, 24, 40, .03);
  --izzy-glass-b: rgba(16, 24, 40, .04);
  --izzy-hover-row: rgba(16, 24, 40, .045);
  --izzy-native: light;
  --izzy-ink-hover-strong: #16202e;
  --izzy-ink-on-accent: #ffffff;
  --izzy-ink-on-accent-2: #ffffff;

  /* — Triplas RGB — */
  --izzy-rgb-blue: 26,95,208;
  --izzy-rgb-green: 27,122,51;
  --izzy-rgb-red: 185,44,58;
  --izzy-rgb-red2: 196,45,50;
  --izzy-rgb-amber: 158,110,18;
  --izzy-rgb-amber2: 152,105,12;
  --izzy-rgb-amber3: 158,110,18;
  --izzy-rgb-gold: 163,112,14;
  --izzy-rgb-violet: 109,63,199;
  --izzy-rgb-violet2: 91,49,166;
  --izzy-rgb-violet3: 101,63,205;
  --izzy-rgb-orange: 180,83,18;
  --izzy-rgb-orange2: 176,96,26;
  --izzy-rgb-orange3: 200,110,30;
  --izzy-rgb-orange4: 190,85,0;
  --izzy-rgb-steel: 33,102,168;
  --izzy-rgb-lav: 90,94,138;
  --izzy-rgb-slate: 124,140,160;
  --izzy-rgb-slate2: 134,150,170;
  --izzy-rgb-slate3: 128,144,164;
  --izzy-rgb-slate4: 92,104,120;
  --izzy-rgb-grey: 100,116,139;
  --izzy-rgb-hair: 203,212,224;
  --izzy-rgb-green2: 27,122,51;
  --izzy-rgb-wellred: 236,152,158;
  --izzy-rgb-wellgreen: 168,224,188;
  --izzy-rgb-wellamber: 233,196,138;
  --izzy-rgb-linebar: 187,198,212;
  --izzy-rgb-linehover: 96,122,152;
  --izzy-rgb-glass: 252,253,255;
  --izzy-rgb-field: 255,255,255;
  --izzy-rgb-panel: 255,255,255;
  --izzy-rgb-panel2: 246,248,251;
  --izzy-rgb-card: 255,255,255;
  --izzy-rgb-card2: 249,251,254;
  --izzy-rgb-menu: 255,255,255;
  --izzy-rgb-inset: 246,248,251;
  --izzy-rgb-deep: 243,246,250;
  --izzy-rgb-well: 240,244,249;
  --izzy-rgb-well2: 244,247,251;
  --izzy-rgb-sheet: 255,255,255;
  --izzy-rgb-well3: 240,244,249;

  /* — Tintas de texto (bandas compartilham o light) — */
  --izzy-ink-blue-1: #1a5cc0;
  --izzy-ink-blue-2: #1a5cc0;
  --izzy-ink-blue-3: #1a5cc0;
  --izzy-ink-blue-4: #1a5cc0;
  --izzy-ink-blue-5: #1a5cc0;
  --izzy-ink-blue-6: #1a5cc0;
  --izzy-ink-blue-7: #1a5cc0;
  --izzy-ink-bluep-1: #0f3a7d;
  --izzy-ink-bluep-2: #0f3a7d;
  --izzy-ink-bluep-3: #0f3a7d;
  --izzy-ink-bluep-4: #0f3a7d;
  --izzy-ink-bluep-5: #0f3a7d;
  --izzy-ink-bluep-6: #0f3a7d;
  --izzy-ink-steel-1: #25639f;
  --izzy-ink-red-1: #ad2530;
  --izzy-ink-red-2: #ad2530;
  --izzy-ink-red-3: #ad2530;
  --izzy-ink-red-4: #ad2530;
  --izzy-ink-red-5: #ad2530;
  --izzy-ink-red-6: #ad2530;
  --izzy-ink-redp-1: #8f1d27;
  --izzy-ink-redp-2: #8f1d27;
  --izzy-ink-redp-3: #8f1d27;
  --izzy-ink-redp-4: #8f1d27;
  --izzy-ink-redp-5: #8f1d27;
  --izzy-ink-green-1: #187437;
  --izzy-ink-green-2: #187437;
  --izzy-ink-green-3: #187437;
  --izzy-ink-green-4: #187437;
  --izzy-ink-green-5: #187437;
  --izzy-ink-green-6: #187437;
  --izzy-ink-greenp-1: #10592a;
  --izzy-ink-greenp-2: #10592a;
  --izzy-ink-greenp-3: #10592a;
  --izzy-ink-amber-1: #8a6100;
  --izzy-ink-amber-2: #8a6100;
  --izzy-ink-amber-3: #8a6100;
  --izzy-ink-amber-4: #8a6100;
  --izzy-ink-amber-5: #8a6100;
  --izzy-ink-amber-6: #8a6100;
  --izzy-ink-amber-7: #8a6100;
  --izzy-ink-amber-8: #8a6100;
  --izzy-ink-amber-9: #8a6100;
  --izzy-ink-amber-10: #8a6100;
  --izzy-ink-amberp-1: #6e4e00;
  --izzy-ink-amberp-2: #6e4e00;
  --izzy-ink-amberp-3: #6e4e00;
  --izzy-ink-amberp-4: #6e4e00;
  --izzy-ink-amberp-5: #6e4e00;
  --izzy-ink-amberp-6: #6e4e00;
  --izzy-ink-violet-1: #5b3fb8;
  --izzy-ink-violet-2: #5b3fb8;
  --izzy-ink-violetp-1: #46309a;
  --izzy-ink-violetp-2: #46309a;
  --izzy-ink-violetp-3: #46309a;
  --izzy-ink-hi-1: #16202e;
  --izzy-ink-hi-2: #16202e;
  --izzy-ink-hi-3: #16202e;
  --izzy-ink-hi-4: #16202e;
  --izzy-ink-hi-5: #16202e;
  --izzy-ink-hi-6: #16202e;
  --izzy-ink-hi-7: #16202e;
  --izzy-ink-hi-8: #16202e;
  --izzy-ink-mh-1: #2c3a4e;
  --izzy-ink-mh-2: #2c3a4e;
  --izzy-ink-mh-3: #2c3a4e;
  --izzy-ink-mh-4: #2c3a4e;
  --izzy-ink-mh-5: #2c3a4e;
  --izzy-ink-mh-6: #2c3a4e;
  --izzy-ink-mh-7: #2c3a4e;
  --izzy-ink-mh-8: #2c3a4e;
  --izzy-ink-mh-9: #2c3a4e;
  --izzy-ink-mid-1: #43536a;
  --izzy-ink-mid-2: #43536a;
  --izzy-ink-mid-3: #43536a;
  --izzy-ink-mid-4: #43536a;
  --izzy-ink-mid-5: #43536a;
  --izzy-ink-mid-6: #43536a;
  --izzy-ink-mid-7: #43536a;
  --izzy-ink-ml-1: #5a6a80;
  --izzy-ink-ml-2: #5a6a80;
  --izzy-ink-ml-3: #5a6a80;
  --izzy-ink-ml-4: #5a6a80;
  --izzy-ink-ml-5: #5a6a80;
  --izzy-ink-ml-6: #5a6a80;
  --izzy-ink-ml-7: #5a6a80;
  --izzy-ink-low-1: #6b7a90;
  --izzy-ink-low-2: #6b7a90;
  --izzy-ink-low-3: #6b7a90;
  --izzy-ink-dim-1: #a3aebd;
  --izzy-ink-dim-2: #a3aebd;

  /* — Superfícies/linhas/poços — */
  --izzy-bg-grad-top: #eef1f7;
  --izzy-bg-grad-bot: #e6ebf3;
  --izzy-drawer-top: #ffffff;
  --izzy-drawer-bot: #f4f7fb;
  --izzy-well-blue: #dbe8fb;
  --izzy-well-red: #fbdfe2;
  --izzy-well-violet: #e9e2fa;
  --izzy-well-amber: #f6ead0;
  --izzy-well-green: #d9f0e1;
  --izzy-bg-input: #ffffff;
  --izzy-bg-input-2: #ffffff;
  --izzy-line-input: #c6cfdc;
  --izzy-line-input-2: #b9c4d3;
  --izzy-panel-a: #f4f7fa;
  --izzy-panel-b: #eff3f8;
  --izzy-panel-c: #f2f5f9;
  --izzy-line-a: #c9d2de;
  --izzy-line-b: #c9d2de;
  --izzy-line-c: #c6cfdb;
  --izzy-line-d: #bfc9d6;
  --izzy-red-vivid: #c22f3d;
  --izzy-amber-vivid: #8a6100;
  --izzy-orange-vivid: #c25a00;
}