/* ═══════════════════════════════════════════════════════════════════════════
   theme-cdi.css — CDI STUDIO ke logo wale rang

   Logo mein sirf DO rang hain (naap kar liye gaye, andaza nahin):

        #0A212B   gehra neela-kaala  (CDI STUDIO ke huroof)
        #EFA400   sunehra            (aag ka nishan)

   Baqi har rang inhi do se banaya gaya hai — beech ki satahein, halki
   lakeerein, aur matt (dull) shaklein. Jahan pehle LAAL tha wahan ab SUNEHRA
   hai; jahan kaala tha wahan logo ka gehra neela.

   ── WAPAS JANA KITNA ASAN HAI ──────────────────────────────────────────────
   Sab kuch `body[data-theme="cdi"]` ke andar hai. Yani:

     * App mein upar daayein rangon wale button se foran on/off.
     * Hamesha ke liye purana roop chahiye to index.html se is file ki <link>
       wali EK satar mita do. Asli style.css ko haath tak nahin lagaya gaya.

   Purani (laal wali) shakl ki poori copy `_backup/2026-09-12-lights-ok/`
   mein bhi rakhi hai.
   ═══════════════════════════════════════════════════════════════════════════ */

body[data-theme="cdi"]{
  /* ── peechhe ki satahein ── */
  --void:        #061119;   /* poore page ka peechhe wala rang */
  --void-2:      #0A212B;   /* model ke peechhe halki chamak (logo ka rang) */

  /* ── likhaai ── */
  --ink:         #F4EFE6;   /* garam safed — sunehre ke sath jachta hai */
  --muted:       #93A9B4;
  --faint:       #5C7885;

  /* ── asal rang: jahan pehle laal tha, wahan ab sunehra ── */
  --red:         #EFA400;   /* logo ka theek theek sunehra */
  --red-dim:     #C88700;   /* buttons ka thehra hua roop */
  --red-deep:    #3D2A00;
  --red-deep-2:  #573C00;

  --gold:        #FFE0A0;   /* haddiyon ka nishan — sunehre se halka */
  --green:       #45C9A0;   /* haath mil gaya — neele ke sath thanda sabz */

  /* ── buttons aur qatarein ── */
  --btn:         #12303F;
  --btn-2:       #0D2432;
  --btn-txt:     #C3D6DF;

  --panel:       rgba(10,33,43,.74);
  --row:         #0F2A37;
  --row-hover:   #163B4C;
  --line:        rgba(239,164,0,.10);
  --line-2:      rgba(239,164,0,.24);
}

/* ═══ neeche sirf wo jagahein hain jahan style.css mein rang SEEDHA likha
       hua hai (:root se bahar), is liye unhein alag se badalna parta hai ═══ */

/* ── dabaye hue buttons ki chamak: laal jhalak -> sunehri jhalak ── */
body[data-theme="cdi"] .big[aria-pressed="true"]{
  background:linear-gradient(180deg,rgba(239,164,0,.26),rgba(239,164,0,.13));
  color:#FFDE9B;
  box-shadow:inset 0 0 0 1.6px var(--red), 0 0 16px rgba(239,164,0,.22);
}
body[data-theme="cdi"] .big.ghost[aria-pressed="true"]{
  background:linear-gradient(180deg,rgba(239,164,0,.20),rgba(239,164,0,.08));
  color:#FFE9C4; box-shadow:inset 0 0 0 1.4px rgba(239,164,0,.75);
}
body[data-theme="cdi"] .hand-btn[aria-pressed="true"]{
  background:linear-gradient(180deg,rgba(239,164,0,.26),rgba(239,164,0,.12));
  color:#FFDE9B; box-shadow:inset 0 0 0 1.4px var(--red);
}
body[data-theme="cdi"] .qv[aria-pressed="true"]{
  background:linear-gradient(180deg,rgba(239,164,0,.22),rgba(239,164,0,.10));
}
body[data-theme="cdi"] .qv[aria-pressed="true"] .qv-cap{ color:#FFDE9B; }

/* ── chhoti chamakti battiyan aur lakeerein ── */
body[data-theme="cdi"] .status[data-k="search"]::before{ box-shadow:0 0 8px rgba(239,164,0,.7); }
body[data-theme="cdi"] .status[data-k="demo"]::before{ box-shadow:0 0 9px rgba(255,224,160,.7); }
body[data-theme="cdi"] .rebtn:hover{ color:#fff; background:rgba(239,164,0,.18);
                                     border-color:rgba(239,164,0,.5); }
body[data-theme="cdi"] .tool:hover{ background:rgba(18,48,63,.88); }
body[data-theme="cdi"] .tool[aria-pressed="true"]{ border-color:rgba(239,164,0,.5); }
body[data-theme="cdi"] .leaders .yellow{ stroke:rgba(255,224,160,.85); }
body[data-theme="cdi"] .leaders .red{ stroke:rgba(239,164,0,.9); }
body[data-theme="cdi"] .leaders .lead.yellow{ stroke:rgba(255,224,160,.42); }
body[data-theme="cdi"] .leaders .lead.red{ stroke:rgba(239,164,0,.5); }

/* ── qatarein aur andar ke khane ── */
body[data-theme="cdi"] .node[data-sel="true"]{
  background:#1E3244; color:#fff;
  box-shadow:inset 0 0 0 1px rgba(239,164,0,.55);
}
body[data-theme="cdi"] .node[data-kid="true"]{ background:#0C2531; }
body[data-theme="cdi"] .node[data-kid="true"]:hover{ background:#123243; }
body[data-theme="cdi"] .node[data-kid="2"]{ background:#0A1F2A; }
body[data-theme="cdi"] .node[data-kid="2"]:hover{ background:#102C3A; }
body[data-theme="cdi"] .node[data-kid="2"] .nm{ color:#8DA3AE; }

/* ── baqi chhoti cheezein ── */
body[data-theme="cdi"] .lede{ color:#B9CBD4; }
body[data-theme="cdi"] .cam-box{ background:#08202B; }
body[data-theme="cdi"] .jog-nm,
body[data-theme="cdi"] .jog-val{ color:#AFC3CD; }
body[data-theme="cdi"] .lights-cine{ background:#12303F; }

/* ── shuru ka parda ── */
body[data-theme="cdi"] .boot{
  background:
    radial-gradient(circle closest-side at 50% 46%,
      #0D2836 0%, rgba(10,33,43,.6) 46%, rgba(6,17,25,0) 100%),
    var(--void);
}