/* ===== Studio — dark SaaS (referência: Dashfolio+ / artigos Framer) =====
   Neutros profundos, bordas suaves, acento violeta discreto, sem mesh neon. */
html[data-theme="studio"]{
  --bg:#09090b;
  --s1:rgba(24,24,27,0.65);
  --s2:rgba(39,39,42,0.55);
  --s3:rgba(63,63,70,0.45);
  --border:rgba(255,255,255,0.06);
  --border2:rgba(255,255,255,0.1);
  --g1:#a5b4fc;
  --g2:#818cf8;
  --g3:#f472b6;
  --g4:#fcd34d;
  --g5:#34d399;
  --text:#fafafa;
  --muted:#b4b4be;
  --muted2:#c8cad4;
  --text-secondary:#dcdce6;
  --text-tertiary:#a8aab8;
}

html[data-theme="studio"] body::before{
  background:
    radial-gradient(ellipse 70% 45% at 15% 0%, rgba(129,140,248,0.09) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 95% 100%, rgba(244,114,182,0.05) 0%, transparent 50%),
    radial-gradient(ellipse 45% 35% at 50% 50%, rgba(255,255,255,0.02) 0%, transparent 60%);
}

html[data-theme="studio"] body::after{
  opacity:0.12;
}

html[data-theme="studio"] .header-eyebrow{
  background:rgba(255,255,255,0.04);
  border-color:var(--border2);
  color:var(--text-tertiary);
}

html[data-theme="studio"] .header-eyebrow .dot{
  background:var(--g2);
  box-shadow:0 0 6px rgba(129,140,248,0.15);
}

html[data-theme="studio"] .app-page-header{
  border-bottom-color:var(--border2);
  background:rgba(9,9,11,0.5);
}

html[data-theme="studio"] .sidebar-item.tab-btn.active{
  background:rgba(99,102,241,0.22);
  border-color:rgba(165,180,252,0.45);
  color:#f8fafc;
  box-shadow:var(--shadow-1);
}

html[data-theme="studio"] .sidebar-item.tab-btn.active:hover,
html[data-theme="studio"] button.sidebar-item.active:hover{
  box-shadow:var(--shadow-1);
}

html[data-theme="studio"] .sidebar-slide-toggle{
  border-color:var(--border2);
  background:rgba(24,24,27,0.55);
}

html[data-theme="studio"] .card-glow::before{
  background:linear-gradient(90deg, transparent, var(--g2), var(--g1), transparent);
  opacity:0.5;
}

html[data-theme="studio"] .proj-card:hover:not(.active),
html[data-theme="studio"] .proj-card:focus-within:not(.active){
  border-color:var(--border);
  box-shadow:0 10px 30px rgba(0,0,0,0.32);
}

html[data-theme="studio"] .proj-card.active{
  border-color:rgba(129,140,248,0.45);
  box-shadow:var(--shadow-1);
}

/* Gradiente mais escuro + texto claro = contraste AA no botão principal */
html[data-theme="studio"] .gbtn-main{
  background:linear-gradient(135deg, #4338ca, #5b21b6);
  color:#f8fafc;
}

html[data-theme="studio"] .more-btn{
  background:rgba(99,102,241,0.14);
  border-color:rgba(165,180,252,0.42);
  color:#e0e7ff;
}
html[data-theme="studio"] .more-btn:hover{
  background:rgba(99,102,241,0.24);
  border-color:rgba(165,180,252,0.55);
  color:#f8fafc;
  box-shadow:0 1px 0 rgba(0,0,0,0.2);
}
html[data-theme="studio"] .more-btn:focus-visible{
  box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(129,140,248,0.55);
}

html[data-theme="studio"] .gbtn-outline{
  color:#e4e4e7;
  border-color:rgba(255,255,255,0.14);
  background:rgba(24,24,27,0.45);
}

html[data-theme="studio"] .gbtn-rand{
  color:#fde68a;
  border-color:rgba(252,211,77,0.35);
  background:rgba(234,179,8,0.1);
}

html[data-theme="studio"] .ttag.sel{
  background:rgba(99,102,241,0.2);
  border-color:rgba(165,180,252,0.42);
  color:#f8fafc;
}

html[data-theme="studio"] .ttag.new.sel::after{
  background:#5b21b6;
  color:#f8fafc;
}

html[data-theme="studio"] .footer-chip{
  color:#d4d4d8;
  background:rgba(24,24,27,0.55);
  border-color:var(--border2);
}

html[data-theme="studio"] .footer-chip-accent{
  border-color:rgba(165,180,252,0.4);
  background:rgba(99,102,241,0.16);
  color:#e0e7ff;
}

html[data-theme="studio"] .footer-chip-ok{
  border-color:rgba(52,211,153,0.42);
  background:rgba(16,185,129,0.12);
  color:#6ee7b7;
}

html[data-theme="studio"] .footer-stack-label{
  color:#a3a3a8;
}

html[data-theme="studio"] .footer-tech-pill{
  color:#f4f4f5;
  background:rgba(39,39,42,0.72);
  border-color:var(--border2);
}

html[data-theme="studio"] .footer-tech-pill button{
  color:#c4c4cc;
}

html[data-theme="studio"] .app-modal-message{
  color:#d4d4d8;
}

html[data-theme="studio"] .app-modal-kicker{
  color:#b4b4be;
}

html[data-theme="studio"] .header-theme-switch-wrap .slider{
  background:rgba(24,24,27,0.5);
  border-color:var(--border2);
}
html[data-theme="studio"] .header-theme-switch-wrap input:checked + .slider{
  background:rgba(129,140,248,0.12);
  border-color:rgba(129,140,248,0.35);
}
html[data-theme="studio"] .header-theme-switch-wrap input:checked + .slider::before{
  background:linear-gradient(145deg,#a5b4fc,var(--g2));
  box-shadow:
    0 0 0 1px rgba(129,140,248,0.45),
    0 2px 8px rgba(0,0,0,0.35);
}
html[data-theme="studio"] .header-theme-mark{
  color:var(--g1);
}

html[data-theme="studio"] .selection-footer{
  background:rgba(9,9,11,0.94);
  border-top-color:var(--border2);
  box-shadow:0 -2px 12px rgba(0,0,0,0.08);
}

html[data-theme="studio"] .selection-footer-toolbar{
  background:rgba(24,24,27,0.45);
  border-bottom-color:var(--border2);
}

html[data-theme="studio"] .selection-footer[data-dock="float"]{
  border-color:var(--border2);
}

html[data-theme="studio"] .proj-card{
  background:rgba(24,24,27,0.45);
  backdrop-filter:blur(12px) saturate(1.15);
  -webkit-backdrop-filter:blur(12px) saturate(1.15);
  border-color:var(--border);
}

html[data-theme="studio"] .output-card{
  background:linear-gradient(160deg,rgba(24,24,27,0.75) 0%,rgba(12,12,14,0.9) 100%);
  border-color:var(--border2);
}

/* Contraste AA — rótulos, pills de projeto, stream IA, toolbar do footer */
html[data-theme="studio"] .header-theme-name{
  color:#d4d4d8;
}

html[data-theme="studio"] .clabel{
  color:#c4c4cc;
}

html[data-theme="studio"] .clabel.active{
  background:rgba(63,63,70,0.65);
  color:#fafafa;
}

html[data-theme="studio"] .sum-pill button{
  color:#c4c4cc;
}

html[data-theme="studio"] .sum-pill button:hover{
  color:#e4e4e7;
}

html[data-theme="studio"] .gbtn-outline:hover{
  color:#f4f4f5;
  background:rgba(39,39,42,0.75);
  border-color:rgba(255,255,255,0.18);
}

html[data-theme="studio"] .gbtn-main:hover{
  filter:brightness(1.06);
}

html[data-theme="studio"] .footer-toolbar-btn.is-active,
html[data-theme="studio"] .footer-toolbar-btn[aria-pressed="true"]{
  color:#c7d2fe;
  border-color:rgba(165,180,252,0.45);
  background:rgba(99,102,241,0.16);
}

html[data-theme="studio"] .footer-toolbar-btn.footer-dock-active{
  color:#e9d5ff;
  border-color:rgba(196,181,253,0.42);
  background:rgba(139,92,246,0.12);
}

html[data-theme="studio"] #stream-content strong{
  color:#f1f5f9;
}

html[data-theme="studio"] #stream-content code{
  background:rgba(99,102,241,0.12);
  border-color:rgba(165,180,252,0.22);
  color:#e0e7ff;
}