/* Tokens do BuraDESIGN.
   Tudo que é cor, fonte ou medida base fica aqui.
   Trocar o tema é trocar o atributo data-tema no elemento <html>. */

:root {
  --fonte-mono: ui-monospace, "Cascadia Mono", "Consolas", "DejaVu Sans Mono", "Courier New", monospace;
  --fonte-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --t-12: 0.75rem;
  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-20: 1.25rem;
  --t-28: 1.75rem;
  --t-40: 2.5rem;

  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;

  --borda: 2px;
  --altura-topo: 3.25rem;
  --altura-base: 3.5rem;

  --alien-zorp: #7bd14a;
  --alien-nibla: #45b7d1;
  --alien-krux: #e0a200;
  --alien-pip: #e2607a;
}

html[data-tema="escuro"] {
  --fundo: #000000;
  --fundo-2: #0c0c0c;
  --fundo-3: #17191b;
  --texto: #ffffff;
  --texto-2: #b9c0c6;
  --texto-3: #7c858c;
  --linha: #3a4046;
  --linha-forte: #7c858c;
  --verde: #3fbf5f;
  --verde-fraco: #1d3d27;
  --ambar: #e0a200;
  --perigo: #ff6b6b;
  --selecao: #3fbf5f;
  --metal-claro: #dde2e6;
  --metal-medio: #aab2b8;
  --metal-escuro: #7c858c;
}

html[data-tema="sistema"] {
  --fundo: #c9cfd5;
  --fundo-2: #dde2e6;
  --fundo-3: #eef1f3;
  --texto: #0b0e11;
  --texto-2: #2b3238;
  --texto-3: #525c64;
  --linha: #9aa4ac;
  --linha-forte: #3d454c;
  --verde: #00694a;
  --verde-fraco: #bfe6d8;
  --ambar: #8a5a00;
  --perigo: #a51616;
  --selecao: #00a878;
  --metal-claro: #1b2126;
  --metal-medio: #3d454c;
  --metal-escuro: #7b858d;
}

html[data-tema="rosa"] {
  --fundo: #2a0f33;
  --fundo-2: #3a1545;
  --fundo-3: #4d1d5a;
  --texto: #ffe9f7;
  --texto-2: #e6b9de;
  --texto-3: #b98ab4;
  --linha: #713287;
  --linha-forte: #b167c9;
  --verde: #ff5f8d;
  --verde-fraco: #5c1b3a;
  --ambar: #ffbf69;
  --perigo: #ff3b5c;
  --selecao: #ffd6e7;
  --metal-claro: #ffd6f2;
  --metal-medio: #d79ad0;
  --metal-escuro: #9b5fae;
}

html[data-tema="flash"] {
  --fundo: #fffdfd;
  --fundo-2: #ffeceb;
  --fundo-3: #ffd9d6;
  --texto: #5e0a0a;
  --texto-2: #8c1c1c;
  --texto-3: #a85252;
  --linha: #e79b96;
  --linha-forte: #b21f1f;
  --verde: #c62828;
  --verde-fraco: #ffe0b2;
  --ambar: #a35a00;
  --perigo: #8a0303;
  --selecao: #ffc400;
  --metal-claro: #b21f1f;
  --metal-medio: #d4605c;
  --metal-escuro: #f0b4b0;
}

html[data-tema="gloom"] {
  --fundo: #2a0708;
  --fundo-2: #3a0b0d;
  --fundo-3: #4d1013;
  --texto: #ffe3e3;
  --texto-2: #f0a8a8;
  --texto-3: #c07070;
  --linha: #7a1f22;
  --linha-forte: #c23a3a;
  --verde: #ff5252;
  --verde-fraco: #5c1414;
  --ambar: #ff9d6b;
  --perigo: #ff2d2d;
  --selecao: #ff8080;
  --metal-claro: #ffd6d6;
  --metal-medio: #d98a8a;
  --metal-escuro: #8f4040;
}

html[data-tema="simpzons"] {
  --fundo: #4a3a05;
  --fundo-2: #5e4a08;
  --fundo-3: #75600f;
  --texto: #fff9d6;
  --texto-2: #f2dd8a;
  --texto-3: #c9b25c;
  --linha: #8a7010;
  --linha-forte: #ffd21f;
  --verde: #ffd21f;
  --verde-fraco: #6b5500;
  --ambar: #ffb300;
  --perigo: #ff6b2d;
  --selecao: #fff07a;
  --metal-claro: #fff3b0;
  --metal-medio: #e0c463;
  --metal-escuro: #9c8420;
}

html[data-tema="claro"] {
  --fundo: #ffffff;
  --fundo-2: #f2f4f6;
  --fundo-3: #e6eaed;
  --texto: #000000;
  --texto-2: #3e464b;
  --texto-3: #6b747a;
  --linha: #c2cad0;
  --linha-forte: #5c656b;
  --verde: #0a7a33;
  --verde-fraco: #d8f0e0;
  --ambar: #8a6400;
  --perigo: #b00020;
  --selecao: #0a7a33;
  --metal-claro: #5c656b;
  --metal-medio: #8d959b;
  --metal-escuro: #c2cad0;
}