/* ═══════════════════════════════════════════════════════
   MANU REJIMON — COLOR THEME OVERRIDE
   LOAD THIS AFTER style.css
   Replaces ONLY color variables. Zero layout changes.
   ═══════════════════════════════════════════════════════ */

:root {
  /* ── VOID BACKGROUNDS ── */
  --void:  #03040a;
  --deep:  #070a14;
  --abyss: #020308;

  /* ── LIGHT WORLD ── */
  --paper:  #EEEAE0;
  --paper2: #F5F1E8;

  /* ── PRIMARY ACCENT — warmer, more visible gold ── */
  --gold:  #D4A847;          /* was #C4973F — brighter, more readable */
  --gold2: #F0C96A;          /* was #E8B85A — highlight gold */
  --gold3: rgba(212,168,71,.18);

  /* ── TYPE COLORS — higher contrast across the board ── */
  --w:   #F2F0EA;            /* was #ECEAE4 — slightly brighter white */
  --w7:  rgba(242,240,234,.78); /* was .72 — more visible */
  --w5:  rgba(242,240,234,.60); /* was .50 — more visible */
  --w3:  rgba(242,240,234,.42); /* was .28 — this was the main culprit */
  --w1:  rgba(242,240,234,.14); /* was .10 — placeholder text */
  --w05: rgba(242,240,234,.07);

  /* ── BORDERS ── */
  --rim:  rgba(242,240,234,.10); /* was .07 — slightly more visible borders */
  --rim2: rgba(242,240,234,.18); /* was .13 */

  /* ── GREEN STAYS ── */
  --green: #4ade80;
}

/* ── LOADER counter text ── */
.l-n { color: var(--w); }
.l-pct { color: var(--gold); }

/* ── HERO — dimmed text elements now readable ── */
.hh-v { color: rgba(242,240,234,.68) !important; }  /* was --w5 at old opacity */
.hero-role-vert .mono { color: rgba(242,240,234,.45) !important; }
.f-coord { color: rgba(242,240,234,.45) !important; }
.f-status { color: rgba(242,240,234,.45) !important; }
.scroll-cue .mono { color: rgba(242,240,234,.45) !important; }

/* ── IDENTITY SECTION — text on light background ── */
.id-body p { color: rgba(0,0,0,.95) !important; }
.iax { color: rgba(0,0,0,.85) !important; }
.ist-l { color: rgba(0,0,0,.80) !important; }
.ee-date { color: rgba(0,0,0,.80) !important; }
.ee-place { color: rgba(0,0,0,.85) !important; }
.ee-body { color: rgba(0,0,0,.95) !important; }
.ee-tags span { color: rgba(0,0,0,.80) !important; }
.exp-quote { color: rgba(0,0,0,.70) !important; }  /* was .28 — barely there */

/* ── LEXAI SECTION — terminal and labels ── */
.lt-title { color: rgba(242,240,234,.48) !important; }  /* was --w3 */
.lex-pre { color: rgba(242,240,234,.48) !important; }
.lex-sub { color: rgba(242,240,234,.48) !important; }
.lex-tagline { color: rgba(212,168,71,.60) !important; } /* was .45 */
.lv-label { color: rgba(242,240,234,.48) !important; }
.an-lbl { color: rgba(242,240,234,.48) !important; }

/* ── TERMINAL text — dim rows now legible ── */
.lt-r.dim, .lt-r.dim.mono {
  color: rgba(242,240,234,.48) !important;  /* was --w3 = .28 */
}
.psvt-body .dim {
  color: rgba(242,240,234,.48) !important;
}

/* ── SKILLS SECTION ── */
.skc-items span { color: rgba(242,240,234,.52) !important; } /* was --w3 = .28 */
.skt-title { color: rgba(242,240,234,.48) !important; }
.sk-vert-ghost { color: rgba(212,168,71,.06) !important; }

/* ── PROJECTS ── */
.ps-desc { color: rgba(242,240,234,.52) !important; }   /* was --w3 = .28 */
.ps-tags span { color: rgba(242,240,234,.32) !important; } /* was .18 */
.ps-meta { color: var(--gold) !important; }
.psvf-r { color: rgba(242,240,234,.52) !important; }    /* was --w3 */
.pbf-r { color: rgba(242,240,234,.52) !important; }

/* ── CONTACT SECTION ── */
.ctl-k { color: rgba(242,240,234,.48) !important; }    /* was --w3 = .28 */
.cff label { color: rgba(242,240,234,.48) !important; }
.ct-mtrack { color: var(--w) !important; }

/* ── NAV ── */
#n-status { color: rgba(242,240,234,.45) !important; } /* was --w3 = .28 */

/* ── FOOTER ── */
.ft-bottom span { color: rgba(242,240,234,.45) !important; } /* was --w3 */

/* ── SCENE CUTS ── */
.scene-cut .mono { color: rgba(242,240,234,.42) !important; } /* was --w3 */
.sc-e .mono { color: rgba(5,5,5,.40) !important; }           /* was .30 */
.sc-f .mono { color: rgba(242,240,234,.42) !important; }

/* ── SCENE ATMOSPHERE — scb-line slightly more visible ── */
.scb-line {
  background: linear-gradient(90deg, transparent, rgba(242,240,234,.18), transparent) !important;
}

/* ── VECTOR VIZ canvas labels — handled in JS, 
   but we bump up the gold used in static elements ── */
.vf-label { color: rgba(212,168,71,.55) !important; } /* was .45 */

/* ── VERTICAL PROGRESS LABEL ── */
#vp-scene-label { color: rgba(242,240,234,.38) !important; } /* was --w3 */

/* ── IDENTITY dark panel — text on dark bg ── */
.ide-number { color: rgba(212,168,71,.07) !important; } /* was .05 */

/* ── LEX-STRIP ── */
.lex-strip .mono { color: rgba(242,240,234,.52) !important; } /* was --w3 */
.lex-strip .mono.dim { color: rgba(242,240,234,.38) !important; }

/* ── HERO HUD border more visible ── */
.hero-hud {
  border-color: rgba(242,240,234,.18) !important;
  background: rgba(242,240,234,.04) !important;
}

/* ── ARCH NODES border more visible ── */
.arch-node {
  border-color: rgba(242,240,234,.12) !important;
}

/* ── TERMINAL BODY scrollbar in new gold ── */
.skt-body {
  scrollbar-color: rgba(212,168,71,.4) rgba(242,240,234,.05) !important;
}
.skt-body::-webkit-scrollbar-thumb {
  background: rgba(212,168,71,.4) !important;
}

#c-dot,#c-ring,#c-h,#c-v,#c-tl,#c-tr,#c-bl,#c-br {
     position:fixed; pointer-events:none; z-index:9200;
   }
   #c-dot {
     width:4px; height:4px; background:var(--gold);
     border-radius:50%; transform:translate(-50%,-50%);
     will-change:transform;
   }
   #c-ring {
     width:16px; height:16px;
     border:1px solid rgba(212,168,71,.35); border-radius:50%;
     transform:translate(-50%,-50%);
     transition:width .2s,height .2s,border-color .2s;
     will-change:transform;
   }
   #c-h {
     height:1px; width:60px; background:rgba(212,168,71,.65);
     transform:translate(-50%,-50%); will-change:transform;
   }
   #c-v {
     width:1px; height:60px; background:rgba(212,168,71,.65);
     transform:translate(-50%,-50%); will-change:transform;
   }
   #c-tl,#c-tr,#c-bl,#c-br {
     width:7px; height:7px;
     border-color:rgba(212,168,71,.55); border-style:solid;
     will-change:transform;
   }
   #c-tl { border-width:1px 0 0 1px; transform:translate(calc(-50% - 11px), calc(-50% - 11px)); }
   #c-tr { border-width:1px 1px 0 0; transform:translate(calc(-50% + 4px), calc(-50% - 11px)); }
   #c-bl { border-width:0 0 1px 1px; transform:translate(calc(-50% - 11px), calc(-50% + 4px)); }
   #c-br { border-width:0 1px 1px 0; transform:translate(calc(-50% + 4px), calc(-50% + 4px)); }
   body.ch #c-ring { width:26px; height:26px; border-color:rgba(212,168,71,.85); }
   body.ch #c-h, body.ch #c-v { background:rgba(212,168,71,.9); }
   body.ch #c-tl, body.ch #c-tr, body.ch #c-bl, body.ch #c-br { border-color:rgba(212,168,71,.85); }
   body.ck #c-dot { transform:translate(-50%,-50%) scale(2.5); }