/* ============================================================
   FiLabb — temas.css
   Definição profunda dos temas Light, Dark e Leme
   ============================================================ */

:root {
  /* Cores de Destaque (Vibrantes) */
  --cyan:     #34d3df;
  --gold:     #c2a216;
  --purple:   #a78bfa;
  --green:    #34d399;
  --orange:   #fb923c;

  /* Cores de Secção (Baseadas no laboratório.html) */
  --sec-sim:  var(--cyan);
  --sec-vid:  var(--gold);
  --sec-jog:  var(--purple);
  --sec-gui:  var(--orange);
}

/* TEMA LEME (Padrão: Verde Profundo — alinhado ao verde do Guião 3) */
:root, .theme-leme {
  --bg-app:     #0d1f1c;
  --bg-panel:   rgba(18, 36, 32, .92);
  --bg-header:  rgba(13, 31, 28, .92);
  --bg-toolbar: rgba(0, 0, 0, .15);
  --bg-canvas:  rgba(10, 26, 23, .6);
  --bg-modal:   linear-gradient(145deg, #16312b, #1a3a33);

  --bg-card:    rgba(255, 255, 255, .05);
  --bg-card-h:  rgba(255, 255, 255, .09);

  --text-main:  #f0f4f3;
  --text-dim:   rgba(240, 244, 243, .85);
  --text-sub:   rgba(240, 244, 243, .65);
  --text-inv:   #0d1f1c;

  --border:     rgba(255, 255, 255, .22);
  --border2:    rgba(52, 211, 223, .45);
  --shadow:     0 8px 32px rgba(0, 0, 0, 0.4);

  --glass-bg:   rgba(16, 34, 30, 0.8);
  --glass-blur: 12px;
}

/* TEMA LIGHT (Alto Contraste) */
.theme-light {
  --bg-app:     #e8eef2;
  --bg-panel:   rgba(255, 255, 255, .98);
  --bg-header:  rgba(255, 255, 255, .97);
  --bg-toolbar: rgba(0, 0, 0, .04);
  --bg-canvas:  #f4f7f9;
  --bg-modal:   linear-gradient(145deg, #ffffff, #f0f4f7);

  --bg-card:    #ffffff;
  --bg-card-h:  rgba(0, 0, 0, .04);

  --text-main:  #0d1117;
  --text-dim:   #1f2937;
  --text-sub:   #374151;
  --text-inv:   #ffffff;

  --border:     rgba(0, 0, 0, .14);
  --border2:    rgba(0, 0, 0, .28);
  --shadow:     0 2px 12px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08);

  --glass-bg:   rgba(255, 255, 255, 0.92);
  --glass-blur: 16px;

  /* Acentos: mesma tonalidade vibrante do tema dark */
  --cyan:    #34d3df;
  --gold:    #c2a216;
  --purple:  #a78bfa;
  --green:   #34d399;
  --orange:  #fb923c;

  /* Cores de secção (mantidas consistentes com acentos) */
  --sec-sim: #34d3df;
  --sec-vid: #c2a216;
  --sec-jog: #a78bfa;
  --sec-gui: #fb923c;
}

/* TEMA DARK (Preto OLED) */
.theme-dark {
  --bg-app:     #000000;
  --bg-panel:   rgba(18, 18, 18, .95);
  --bg-header:  rgba(0, 0, 0, .9);
  --bg-toolbar: rgba(255, 255, 255, .05);
  --bg-canvas:  #0a0a0a;
  --bg-modal:   linear-gradient(145deg, #121212, #000000);

  --bg-card:    rgba(255, 255, 255, .03);
  --bg-card-h:  rgba(255, 255, 255, .07);

  --text-main:  #ffffff;
  --text-dim:   #e0e0e0;
  --text-sub:   #888888;
  --text-inv:   #000000;

  --border:     rgba(255, 255, 255, .1);
  --border2:    var(--cyan);
  --shadow:     0 8px 32px rgba(0, 0, 0, 0.8);

  --glass-bg:   rgba(0, 0, 0, 0.8);
  --glass-blur: 10px;
}