/* Tema Mustang nas janelas do app (aprovado 30/09/2026): escuro com preto puro
   e cartões em vidro escuro. A roda fica igual à do tema padrão (pastas com a
   cor sólida); só o centro fica preto. Ondas do gravador brancas.
   As janelinhas são transparentes sobre a área de trabalho, então o "vidro"
   aqui é um degradê escuro quase opaco (o desfoque não alcança o Windows atrás). */
html[data-skin="mustang"], :root[data-skin="mustang"][data-theme] {
  --white: #0f0f11; --off: #08080a; --paper: #030304;
  --ink: #f2f1eb; --muted: #8f8e89; --muted2: #7b7a75;
  --border: rgba(255, 255, 255, .09); --border2: rgba(255, 255, 255, .15);
  --accent: #ff5a2c; --accent2: #ff7a4d; --accent-soft: rgba(255, 90, 44, .14);
  --shadow-float: 0 18px 50px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .4);
}
html[data-skin="mustang"] body { color: var(--ink); }

/* cartões: central rápida, caixinha da IA, gravador */
html[data-skin="mustang"] .card,
html[data-skin="mustang"] .voice-pill {
  background: linear-gradient(160deg, rgba(30, 30, 33, .96), rgba(10, 10, 12, .97));
  border-color: rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), var(--shadow-float);
}
/* item escolhido na central: degradê laranja com filete */
html[data-skin="mustang"] .item[aria-selected="true"] {
  background: linear-gradient(90deg, rgba(255, 90, 44, .22), rgba(255, 255, 255, .04));
}

/* roda do Ctrl+C+C: igual ao padrão, centro preto */
html[data-skin="mustang"] .capture-core {
  background: #050506;
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 5px rgba(255, 255, 255, .05);
}

/* gravador: ondas brancas */
html[data-skin="mustang"] .voice-overlay.is-recording .voice-bars i { background: rgba(255, 255, 255, .9); opacity: 1; }

/* janela principal do app: fundo preto, barra lateral e topo em vidro, item ativo em degradê */
/* (só a janela principal: as janelinhas são transparentes sobre a área de trabalho) */
html[data-skin="mustang"] body:has(main.main), html[data-skin="mustang"] main.main { background: #030304; }
html[data-skin="mustang"] .topbar { background: rgba(3, 3, 4, .85); border-bottom-color: rgba(255, 255, 255, .07); }
html[data-skin="mustang"] .rail { background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)); border-right-color: rgba(255, 255, 255, .07); }
html[data-skin="mustang"] .rail button:hover { background: rgba(255, 255, 255, .05); }
html[data-skin="mustang"] .rail button[aria-current="page"] { background: rgba(255, 255, 255, .075); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); color: var(--ink); }
html[data-skin="mustang"] main .card { background: linear-gradient(160deg, rgba(255, 255, 255, .068), rgba(255, 255, 255, .016)); border-color: rgba(255, 255, 255, .09); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 30px rgba(0, 0, 0, .4); }