/* ============================================================
   DJELATNIK – Ultra Premium Cosmos Theme  |  WOW Edition
   ============================================================ */
:root,
html[data-theme="cosmos"] {
  /* ---- Pozadine ---- */
  --bg:               #13233f;
  --bg-soft:          #1a2d4d;
  --panel:            rgba(12, 18, 42, 0.66);
  --panel-hover:      rgba(18, 26, 58, 0.86);
  --panel-solid:      rgba(10, 16, 36, 0.97);

  /* ---- Linije ---- */
  --line:             rgba(80, 160, 255, 0.09);
  --line-strong:      rgba(100, 180, 255, 0.20);
  --line-glow:        rgba(120, 180, 255, 0.45);

  /* ---- Tekst ---- */
  --text:             #eef4ff;
  --text-secondary:   #b8d0f0;
  --muted:            #6a8db8;

  /* ---- Boje ---- */
  --primary:          #5cb8ff;
  --primary-dim:      rgba(92, 184, 255, 0.10);
  --primary-strong:   #3da6ff;
  --accent:           #a855f7;
  --accent-dim:       rgba(168, 85, 247, 0.10);
  --accent2:          #f472b6;
  --accent3:          #06d6a0;
  --gold:             #fbbf24;

  /* ---- Sjene ---- */
  --shadow-sm:        0 2px 14px rgba(0,0,0,0.45);
  --shadow:           0 8px 44px rgba(0,0,0,0.60);
  --shadow-lg:        0 24px 100px rgba(0,0,0,0.75);
  --shadow-glow-blue: 0 0 60px rgba(92,184,255,0.16);
  --shadow-glow-purple:0 0 60px rgba(168,85,247,0.16);

  /* ---- Površine ---- */
  --surface-1:        rgba(6, 12, 36, 0.85);
  --surface-2:        rgba(3, 6, 18, 0.98);
  --glass-header:     rgba(6, 11, 28, 0.92);
  --overlay-bg:       rgba(0, 0, 6, 0.92);
  --white-soft:       rgba(255,255,255,0.025);
  --white-card:       rgba(255,255,255,0.042);
  --header-border:    rgba(92,184,255,0.06);
  --theme-color:      #13233f;

  /* ---- Gradijenti pozadine ---- */
  --body-grad-1:      rgba(80, 130, 255, 0.18);
  --body-grad-2:      rgba(150, 90, 255, 0.12);
  --body-linear-start:#182947;
  --body-linear-mid:  #203354;
  --body-linear-end:  #294064;
  --star-opacity:     1;
  --nebula-opacity:   1;
}