/* ============================================================
   CLONEAI — RITUAL (dark) theme  ·  overlay sobre brand.css
   Estética @visual_dose: estátua clássica + cromo iridescente + glitch,
   sobre preto profundo. Carregado só com ?theme=ritual (ou html.ritual).
   ============================================================ */
html.ritual{
  /* — fundo: preto profundo levemente azulado — */
  --paper:      #08070E;
  --paper-2:    #0B0A14;
  --paper-card: #110F1C;
  --paper-deep: #050409;

  /* — texto agora claro (marfim frio) — */
  --navy:    #ECE9F6;
  --navy-2:  #B7B3CB;
  --navy-3:  #8A86A1;

  /* — cobalto mais brilhante p/ contraste no preto — */
  --ink:        #4D6BFF;
  --ink-deep:   #3550D6;
  --ink-darker: #2438A0;
  --ink-bright: #768CFF;

  /* — superfícies técnicas escuras — */
  --alu:      #1B1A29;
  --alu-2:    #222134;
  --alu-3:    #2C2B41;
  --alu-line: #3A3956;

  /* — hairlines claras — */
  --line:          rgba(184,188,224,.16);
  --line-soft:     rgba(184,188,224,.09);
  --line-ink:      rgba(95,124,255,.42);
  --line-ink-soft: rgba(95,124,255,.20);

  /* — gradiente iridescente (a alma do tema) — */
  --irid: linear-gradient(110deg,#4D6BFF 0%,#8A5BFF 26%,#16E0C8 50%,#FF5BA8 74%,#4D6BFF 100%);
  --irid-soft: linear-gradient(110deg,rgba(77,107,255,.5),rgba(138,91,255,.5),rgba(22,224,200,.5),rgba(255,91,168,.5));
}

/* base */
html.ritual, html.ritual body{ background:#08070E; color:var(--navy); }
html.ritual body{
  background-image:
    radial-gradient(1100px 620px at 78% -8%, rgba(77,107,255,.16), transparent 60%),
    radial-gradient(900px 600px at 8% 12%, rgba(138,91,255,.12), transparent 60%),
    radial-gradient(800px 700px at 50% 108%, rgba(22,224,200,.08), transparent 60%);
  background-attachment:fixed;
}

/* nav: vidro escuro */
html.ritual .nav{
  background:color-mix(in srgb, #0A0912 88%, transparent);
  border-bottom:1px solid var(--line);
}
html.ritual .brand b{ color:var(--navy); }
html.ritual .brand .tm{ color:var(--ink-bright); }

/* títulos serifados ganham clip iridescente */
html.ritual h1, html.ritual h2, html.ritual .profhead__name, html.ritual .display{
  color:var(--navy);
}
html.ritual .mod__head h2,
html.ritual .profhead__name{
  background:var(--irid); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

/* seções e cards escuros */
html.ritual .section,
html.ritual .section--alt{ background:transparent; }
html.ritual .mod,
html.ritual .idcol,
html.ritual .profhead{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 24px 60px -40px rgba(0,0,0,.8);
}
html.ritual .mod__no{ color:var(--ink-bright); opacity:.8; }

/* card de identidade (.agentcard): metal escovado ESCURO + iridescência realçada */
html.ritual .agentcard{
  border-color:#2b2a40;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, rgba(0,0,0,.16) 1px 2px, rgba(255,255,255,0) 2px 4px),
    linear-gradient(106deg,#141320 0%,#1e1c2e 24%,#272540 41%,#1a1928 58%,#231f3a 80%,#121120 100%);
  box-shadow:0 46px 90px -48px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(120,140,255,.12);
}
html.ritual .agentcard__iri{ opacity:.85; }
html.ritual .agentcard__glow{ background:radial-gradient(600px 600px at var(--mx,32%) var(--my,14%), rgba(120,150,255,.35), rgba(255,255,255,0) 62%); opacity:.5; }
html.ritual .idcol{ border-right-color:rgba(184,188,224,.14); }
html.ritual .idrow{ border-top-color:rgba(184,188,224,.12); }
html.ritual .idrow dd{ color:var(--navy); }
html.ritual .idrow dt{ color:var(--navy-3); }
html.ritual .idrow dd .mono, html.ritual .idrow .tag{ color:var(--ink-bright); }

/* moldura iridescente no selo/retrato do agente */
html.ritual .seal,
html.ritual .seal__img{ border:0; }
html.ritual .seal{
  padding:3px; border-radius:18px; background:var(--irid);
  box-shadow:0 0 36px -8px rgba(77,107,255,.55), 0 0 60px -18px rgba(255,91,168,.4);
}
html.ritual .seal__img{ border-radius:15px; background-color:#0A0912; }

/* botões: cobalto vivo + brilho */
html.ritual .btn,
html.ritual .btn--sm{
  background:var(--ink); color:#fff; border:0;
  box-shadow:0 0 22px -6px rgba(77,107,255,.7);
}
html.ritual .btn:hover{ background:var(--ink-bright); }

/* links */
html.ritual a{ color:var(--ink-bright); }

/* texturas glitch: realça no escuro (estátuas) */
html.ritual .texbg{ mix-blend-mode:screen; opacity:.22 !important; filter:saturate(1.4) hue-rotate(8deg); }
html.ritual .profhead__deco{ opacity:.5; mix-blend-mode:screen; }

/* grão mais sutil no escuro */
html.ritual .grain, html.ritual body::before{ opacity:.04; }

/* divisórias e listas */
html.ritual .skills li{ color:var(--navy-2); }
html.ritual .feed__date{ color:var(--navy-3); }

/* faixa de ação / quickbar (injetada por JS, usa --ink) já adapta;
   ajusta o fundo translúcido claro que não adapta */
html.ritual #quickbar [style*="#0001"],
html.ritual [style*="background:#0001"]{ background:rgba(255,255,255,.06) !important; }

/* inputs (date picker agenda) legíveis no escuro */
html.ritual input[type="date"]{ color:var(--navy); color-scheme:dark; }

/* ====================== LANDING (index.html) ====================== */
html.ritual .module:hover{ background:rgba(255,255,255,.06); }
html.ritual .module h3{ color:var(--navy); }
html.ritual .module p{ color:var(--navy-2); }
/* seções invertidas (cobalto/navy + texto claro): travar fundo escuro + texto claro */
html.ritual .section--ink{ background:linear-gradient(180deg,#0d1944,#0a1330) !important; }
html.ritual .section--navy{ background:#090f28 !important; }
html.ritual .section--ink .shead p, html.ritual .section--navy .shead p{ color:color-mix(in srgb,#ECE9F6 80%,transparent); }
html.ritual .master__quote{ color:var(--navy); }
html.ritual .master__quote em{ color:var(--ink-bright); }
html.ritual .master__side p{ color:color-mix(in srgb,#ECE9F6 82%,transparent); }
html.ritual .master__seal .mono-xs{ color:color-mix(in srgb,#ECE9F6 70%,transparent); }
html.ritual .seccard{ background:rgba(60,90,205,.16); }
html.ritual .seccard:hover{ background:rgba(95,124,255,.26); }
html.ritual .seccard h3, html.ritual .seccard__ico{ color:#ECE9F6; }
html.ritual .seccard__no{ color:color-mix(in srgb,#ECE9F6 55%,transparent); }
/* rodapé escuro */
html.ritual .foot{ background:#070611; color:var(--navy); border-top:1px solid var(--line); }
html.ritual .foot p, html.ritual .foot__links a, html.ritual .foot__bar span{ color:var(--navy-2) !important; }
html.ritual .foot__links a:hover{ color:var(--navy) !important; }
html.ritual .foot__bar{ border-top-color:var(--line); }
/* forms / inputs */
html.ritual .form, html.ritual .artifact{ background:var(--paper-card); }
html.ritual .field input, html.ritual .field textarea, html.ritual .field select{ background:rgba(255,255,255,.04); color:var(--navy); border-color:var(--line); }

/* ====================== ADMIN (admin.html) ====================== */
html.ritual .kpi, html.ritual .panel, html.ritual .livepill{ background:var(--paper-card); }
html.ritual .tbl thead th{ background:#0E0D1A; color:var(--navy-2); }
html.ritual .tbl tbody tr:hover{ background:rgba(255,255,255,.04); }
html.ritual .chip{ background:rgba(255,255,255,.03); color:var(--navy-2); border-right-color:var(--line); }
html.ritual .q-item{ background:rgba(255,255,255,.04); }
html.ritual .search input, html.ritual .publish input{ background:rgba(255,255,255,.04); color:var(--navy); border-color:var(--line); }

/* org / organograma nós */
html.ritual .org__node{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid var(--line); color:var(--navy);
}
html.ritual .org__node--current{ border-color:var(--line-ink); box-shadow:0 0 26px -10px rgba(77,107,255,.6); }
html.ritual .org__line{ background:var(--line-ink); }