/* ==========================================================
   ICODE MEDIA · SITE PALETTE V6
   Palette inherited from the ERP / CRM Premium visual system.
   ========================================================== */

:root{
  --icode-bg:#05070a;
  --icode-surface:#0b1016;
  --icode-surface-2:#101722;
  --icode-surface-3:#151d28;
  --icode-ink:#f7f5f2;
  --icode-muted:#8f98a6;
  --icode-soft:#66717f;
  --icode-copper:#dda06e;
  --icode-copper-light:#f3c58c;
  --icode-blue:#1d457e;
  --icode-green:#5ed59a;
  --icode-line:rgba(255,255,255,.095);

  --v5-bg:var(--icode-bg);
  --v5-panel:var(--icode-surface);
  --v5-panel2:var(--icode-surface-2);
  --v5-ink:var(--icode-ink);
  --v5-muted:var(--icode-muted);
  --v5-accent:var(--icode-copper);
  --v5-line:var(--icode-line);

  --pub-accent:var(--icode-copper);
  --pub-ink:var(--icode-ink);
  --pub-muted:var(--icode-muted);
  --pub-line:var(--icode-line);
  --pub-panel:var(--icode-surface);
  --pub-panel2:var(--icode-surface-2);

  --bg:var(--icode-bg);
  --panel:var(--icode-surface);
  --panel2:var(--icode-surface-2);
  --ink:var(--icode-ink);
  --muted:var(--icode-muted);
  --accent:var(--icode-copper);
  --bronze:var(--icode-copper);
  --line:var(--icode-line);
  color-scheme:dark;
}

html{
  background:var(--icode-bg)!important;
}
body{
  background:
    radial-gradient(circle at 82% -8%,rgba(29,69,126,.15),transparent 30%),
    radial-gradient(circle at -4% 20%,rgba(221,160,110,.055),transparent 26%),
    var(--icode-bg)!important;
  color:var(--icode-ink)!important;
}
main{background:transparent!important}

/* Navigation */
.cinema-header{
  border-color:var(--icode-line)!important;
  background:rgba(5,7,10,.86)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.32)!important;
}
.cinema-header.scrolled{
  background:rgba(5,7,10,.96)!important;
  box-shadow:0 20px 72px rgba(0,0,0,.46)!important;
}
.cinema-desktop-nav>a,
.cinema-mega>summary{
  color:var(--icode-copper)!important;
}
.cinema-desktop-nav>a:hover,
.cinema-mega>summary:hover,
.cinema-desktop-nav>a.active{
  color:#fff!important;
}
.cinema-erp small{color:var(--icode-copper)!important}
.cinema-project-btn{
  background:linear-gradient(135deg,var(--icode-copper-light),var(--icode-copper))!important;
  color:#0b0c0f!important;
  box-shadow:0 12px 35px rgba(221,160,110,.13);
}
.cinema-project-btn:hover{
  background:#fff!important;
  color:#07090c!important;
}
.cinema-mega-panel{
  border-color:var(--icode-line)!important;
  background:rgba(6,10,15,.985)!important;
}
.mega-title{
  background:
    radial-gradient(circle at 100% 0,rgba(29,69,126,.26),transparent 45%),
    radial-gradient(circle at 0 100%,rgba(221,160,110,.11),transparent 40%),
    var(--icode-surface)!important;
}
.mega-title p,
.mega-groups small{color:var(--icode-muted)!important}
.mega-groups a:hover{background:var(--icode-surface-2)!important}
.work-mega-links a{background:var(--icode-surface)!important}
.work-mega-links a:hover{
  background:var(--icode-surface-2)!important;
  border-color:rgba(221,160,110,.28)!important;
}

/* Mobile navigation */
.mobile-scene{
  background:
    radial-gradient(circle at 80% 0,rgba(29,69,126,.2),transparent 35%),
    var(--icode-bg)!important;
}
.mobile-scene-top,
.mobile-scene-bottom{border-color:var(--icode-line)!important}
.mobile-scene-section,
.mobile-scene-link{border-color:var(--icode-line)!important}
.mobile-scene-section summary,
.mobile-scene-link{color:var(--icode-ink)!important}
.mobile-scene-section>div a{color:var(--icode-muted)!important}
.mobile-scene-section>div a:hover{color:var(--icode-copper)!important}

/* Global section surfaces */
.service-index-grid>a,
.process-grid article,
.desk-world,
.creative-table,
.studio-board,
.service-work-link,
.v51-os-window,
.os-window-shell,
.v5-cockpit,
.v5-contact,
.portfolio-hub-grid>a,
.portfolio-service-card,
.portfolio-card>div,
.archive-card>button,
.blog-grid a,
.industry-cards a{
  background:var(--icode-surface)!important;
  border-color:var(--icode-line)!important;
}
.service-index-grid>a:hover,
.process-grid article:hover,
.blog-grid a:hover,
.industry-cards a:hover{
  background:var(--icode-surface-2)!important;
  border-color:rgba(221,160,110,.38)!important;
}
.service-index-grid p,
.process-grid p,
.archive-head p,
.service-detail-hero p,
.service-next p,
.service-faq p,
.portfolio-studio-hero p,
.portfolio-card h3,
.blog-grid p,
.industry-cards p{
  color:var(--icode-muted)!important;
}

/* Homepage */
.v5-hero,
.v5-services,
.v5-work,
.v5-partners,
.v51-erp,
.v5-contact{
  color:var(--icode-ink);
}
.v5-hero-aura{
  background:
    radial-gradient(circle at 35% 30%,rgba(29,69,126,.24),transparent 32%),
    radial-gradient(circle at 68% 56%,rgba(221,160,110,.14),transparent 32%)!important;
}
.v5-service-row{
  border-color:var(--icode-line)!important;
}
.v5-service-row:hover{background:rgba(16,23,34,.64)!important}
.work-door,
.v51-os-window{
  background:linear-gradient(145deg,var(--icode-surface),#070b10)!important;
  border-color:var(--icode-line)!important;
}
.v5-partners{
  background:#05070a!important;
}
.v5-logo-mosaic figure,
.logo-track figure{
  background:var(--icode-surface)!important;
  border-color:var(--icode-line)!important;
}
.v51-erp{
  background:
    radial-gradient(circle at 88% 5%,rgba(29,69,126,.22),transparent 34%),
    linear-gradient(145deg,#070b10,var(--icode-bg))!important;
}
.v5-contact{
  background:
    radial-gradient(circle at 14% 12%,rgba(221,160,110,.10),transparent 28%),
    var(--icode-surface)!important;
  border-color:var(--icode-line)!important;
}
.v5-contact input,
.v5-contact select,
.v5-contact textarea{
  background:var(--icode-surface-2)!important;
  color:var(--icode-ink)!important;
  border-color:var(--icode-line)!important;
}

/* Previously light CTA section -> dark business-system palette */
.v2-start{
  background:
    radial-gradient(circle at 100% 0,rgba(29,69,126,.24),transparent 34%),
    var(--icode-surface)!important;
  color:var(--icode-ink)!important;
  border:1px solid var(--icode-line)!important;
}
.v2-start p{color:var(--icode-muted)!important}
.v2-start input,
.v2-start select{
  background:var(--icode-surface-2)!important;
  color:var(--icode-ink)!important;
  border-color:var(--icode-line)!important;
}
.v2-start button{
  background:linear-gradient(135deg,var(--icode-copper-light),var(--icode-copper))!important;
  color:#0b0c0f!important;
}

/* Generic pages / articles */
.page-v2>span,
.article-v2 header>span,
.page-v1>span,
.article-v1 header>span{
  color:var(--icode-copper)!important;
}
.page-v2>p,
.page-v1>p,
.article-v2 header>p,
.article-v1 header>p,
.legacy-content{
  color:var(--icode-muted)!important;
}
.legacy-content h2,
.legacy-content h3,
.legacy-content h4{color:var(--icode-ink)!important}
.legacy-content a{color:var(--icode-copper)!important}

/* Footer */
.v2-footer{
  background:
    radial-gradient(circle at 0 0,rgba(29,69,126,.16),transparent 30%),
    #070b10!important;
  border-color:var(--icode-line)!important;
}
.v2-footer>section,
.footer-bottom{border-color:var(--icode-line)!important}
.footer-grid>div{color:var(--icode-muted)!important}
.footer-grid b{color:var(--icode-ink)!important}
.footer-grid a:hover,
.v2-footer>section a{color:var(--icode-copper)!important}

/* Common buttons / pills */
.service-detail-includes>div:last-child span,
.service-related a,
.portfolio-service-nav a,
.portfolio-filters a{
  border-color:var(--icode-line)!important;
  background:rgba(11,16,22,.72)!important;
}
.service-related a:hover,
.portfolio-service-nav a:hover,
.portfolio-filters a.active{
  background:var(--icode-copper)!important;
  color:#0b0c0f!important;
}

/* Scrollbars */
*{
  scrollbar-color:rgba(221,160,110,.42) #070b10;
}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#070b10}
*::-webkit-scrollbar-thumb{
  background:rgba(221,160,110,.34);
  border-radius:999px;
  border:2px solid #070b10;
}

::selection{
  background:var(--icode-copper);
  color:#0b0c0f;
}