/* ENXPLAN: tokens do painel (prefixo --ex-).
   Matéria da marca: aço escovado do logo sobre o grafite do site.
   :root é o tema da marca; .light e .dark só redefinem tokens. */
:root{
  color-scheme:dark;
  /* superfícies */
  --ex-bg:#0b0c0f;
  --ex-bg-grouped:#07080a;
  --ex-card:#16181d;
  --ex-card-2:#1b1e24;
  --ex-elev:#22262d;
  --ex-glass:rgb(22 24 29 / .78);
  --ex-scrim:rgb(0 0 0 / .55);
  /* tinta */
  --ex-ink-rgb:255 255 255;
  --ex-ink:rgb(var(--ex-ink-rgb));
  --ex-ink-2:rgb(var(--ex-ink-rgb) / .74);
  --ex-ink-3:rgb(var(--ex-ink-rgb) / .56);
  --ex-ink-4:rgb(var(--ex-ink-rgb) / .30);
  --ex-fill:rgb(var(--ex-ink-rgb) / .05);
  --ex-fill-2:rgb(var(--ex-ink-rgb) / .09);
  --ex-fill-3:rgb(var(--ex-ink-rgb) / .15);
  --ex-sep:rgb(var(--ex-ink-rgb) / .08);
  --ex-sep-strong:rgb(var(--ex-ink-rgb) / .16);
  /* acento: aço azulado */
  --ex-accent-rgb:150 188 232;
  --ex-accent:rgb(var(--ex-accent-rgb));
  --ex-accent-top:#b9d3f3;
  --ex-accent-bot:#84abdc;
  --ex-accent-ink:#a9c9f0;
  --ex-accent-wash:rgb(var(--ex-accent-rgb) / .12);
  --ex-on-accent:#0b0c0f;
  --ex-focus:#b9d3f3;
  /* dados: um matiz, três degraus ordenados */
  --ex-data-1:#96bce8;
  --ex-data-2:#5b82b4;
  --ex-data-3:#3a587c;
  --ex-data-track:rgb(var(--ex-accent-rgb) / .14);
  --ex-data-wash:rgb(var(--ex-accent-rgb) / .10);
  --ex-on-data:#0b0c0f;
  /* status (sempre com texto) */
  --ex-ok:#3fb768;
  --ex-ok-wash:rgb(63 183 104 / .14);
  --ex-warn:#e3a52a;
  --ex-warn-wash:rgb(227 165 42 / .14);
  --ex-danger:#e2604c;
  --ex-danger-wash:rgb(226 96 76 / .14);
  --ex-neutral-wash:rgb(var(--ex-ink-rgb) / .08);
  /* paleta da matéria (aço) para ícones */
  --ex-steel-1:#f4f6f9;
  --ex-steel-2:#cdd3db;
  --ex-steel-3:#8f98a4;
  --ex-steel-4:#565e6a;
  --ex-steel-5:#262a31;
  --ex-ico-ink:#1b1e24;
  --ex-ico-gloss:rgb(255 255 255 / .55);
  --ex-ico-shade:rgb(11 12 15 / .28);
  /* brilho e escovado do tema da marca */
  --ex-sheen:linear-gradient(180deg,rgb(255 255 255 / .045),rgb(255 255 255 / 0) 42%);
  --ex-brush:repeating-linear-gradient(90deg,rgb(255 255 255 / .012) 0 1px,rgb(255 255 255 / 0) 1px 3px);
  /* sombras em camadas (no lugar de borda) */
  --ex-shadow-1:0 0 0 1px rgb(255 255 255 / .06),0 10px 30px -12px rgb(0 0 0 / .5);
  --ex-shadow-2:0 0 0 1px rgb(255 255 255 / .10),0 18px 40px -14px rgb(0 0 0 / .6);
  --ex-shadow-pop:0 0 0 1px rgb(255 255 255 / .12),0 12px 32px -8px rgb(0 0 0 / .7);
  /* raios */
  --ex-r-card:20px;
  --ex-r-group:16px;
  --ex-r-ctl:12px;
  --ex-r-pill:999px;
  /* movimento */
  --ex-ease:cubic-bezier(.4,0,.2,1);
  --ex-ease-out:cubic-bezier(.16,1,.3,1);
  --ex-spring:cubic-bezier(.34,1.4,.64,1);
  /* fontes */
  --ex-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ex-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
.light{
  color-scheme:light;
  --ex-bg:#ffffff;
  --ex-bg-grouped:#f1f2f5;
  --ex-card:#ffffff;
  --ex-card-2:#f4f5f7;
  --ex-elev:#ffffff;
  --ex-glass:rgb(255 255 255 / .8);
  --ex-scrim:rgb(22 24 29 / .35);
  --ex-ink-rgb:22 24 29;
  --ex-accent-rgb:38 88 150;
  --ex-accent-top:#3672b8;
  --ex-accent-bot:#235390;
  --ex-accent-ink:#235390;
  --ex-on-accent:#ffffff;
  --ex-focus:#235390;
  --ex-data-1:#265896;
  --ex-data-2:#5687c2;
  --ex-data-3:#8fb2de;
  --ex-on-data:#ffffff;
  --ex-ok:#1d8a45;
  --ex-ok-wash:rgb(29 138 69 / .11);
  --ex-warn:#a86c00;
  --ex-warn-wash:rgb(168 108 0 / .11);
  --ex-danger:#c0402f;
  --ex-danger-wash:rgb(192 64 47 / .10);
  --ex-ico-gloss:rgb(255 255 255 / .7);
  --ex-ico-shade:rgb(22 24 29 / .18);
  --ex-sheen:none;
  --ex-brush:none;
  --ex-shadow-1:0 0 0 1px rgb(22 24 29 / .06),0 10px 30px -14px rgb(22 24 29 / .12);
  --ex-shadow-2:0 0 0 1px rgb(22 24 29 / .09),0 18px 40px -16px rgb(22 24 29 / .18);
  --ex-shadow-pop:0 0 0 1px rgb(22 24 29 / .10),0 12px 32px -10px rgb(22 24 29 / .25);
}
.dark{
  color-scheme:dark;
  --ex-bg:#000000;
  --ex-bg-grouped:#000000;
  --ex-card:#111111;
  --ex-card-2:#181818;
  --ex-elev:#1f1f1f;
  --ex-glass:rgb(17 17 17 / .8);
  --ex-ink-rgb:240 240 240;
  --ex-on-accent:#000000;
  --ex-on-data:#000000;
  --ex-data-3:#3d5a7e;
  --ex-sheen:none;
  --ex-brush:none;
  --ex-shadow-1:0 0 0 1px rgb(255 255 255 / .07);
  --ex-shadow-2:0 0 0 1px rgb(255 255 255 / .12);
  --ex-shadow-pop:0 0 0 1px rgb(255 255 255 / .14),0 12px 32px -8px rgb(0 0 0 / .8);
}