/* Black + orange palette. Layout, fonts and motion remain source-faithful. */
:root {
  color-scheme: dark;
  --theme-bg: #090909;
  --theme-surface: #141210;
  --theme-orange: #ff6b00;
  --theme-orange-light: #ffac69;
  --theme-text: #f5f1ed;
  --theme-muted: #aaa29c;
}
html { background: var(--theme-bg); }
body, body.page-uxui, body.page-artworks, body.page-contact, body.page-detail {
  --bg: var(--theme-bg);
  --fg: var(--theme-text);
  --fg-dim: #aaa29c;
  --fg-dimmer: rgba(255, 107, 0, .08);
  --accent: var(--theme-orange);
  --accent-dim: rgba(255, 107, 0, .10);
  --accent-dark: var(--theme-orange-light);
  --accent-glow: rgba(255, 107, 0, .20);
  --border: rgba(255, 107, 0, .20);
  --border-strong: rgba(255, 107, 0, .40);
  --line: rgba(255, 107, 0, .24);
  --nav-border: rgba(255, 107, 0, .40);
  --nav-bg-scrolled: rgba(9, 9, 9, .94);
  --nav-border-scrolled: rgba(255, 107, 0, .60);
  --nav-fg: #c4bab1;
  --nav-fg-icon: var(--theme-orange);
  --nav-fg-hover: var(--theme-orange-light);
  --nav-fg-active: var(--theme-orange);
  background-color: var(--theme-bg);
  color: var(--theme-text);
}
::selection { background: #ff6b00; color: #090909; }
:focus-visible { outline: 2px solid #ff6b00; outline-offset: 5px; }
.cursor-dot, .cc-dot, .cc-h, .cc-v { background: var(--theme-orange); }
.cursor-dot {
  box-shadow: 0 0 7px rgba(255,172,105,.95), 0 0 18px rgba(255,107,0,.52);
}
.cursor-ring { border-color: var(--theme-orange); }
.nav-link.is-active, .mob-menu-link.is-active { color: var(--theme-orange); }
body[class] .site-nav {
  --nav-border: rgba(255,107,0,.40);
  --nav-bg-scrolled: rgba(9,9,9,.94);
  --nav-border-scrolled: rgba(255,107,0,.60);
  --nav-fg: #c4bab1;
  --nav-fg-icon: var(--theme-orange);
  --nav-fg-hover: var(--theme-orange-light);
  --nav-fg-active: var(--theme-orange);
}
body .mob-menu { background: rgba(9, 9, 9, .98); }
.mob-menu-link:hover, .mob-menu-social-link:hover { color: var(--theme-orange-light); }
.projects-hero-title { color: var(--theme-orange); }
.page-intro-text { color: #d2c6ba; }
.project-row-title { color: #f5f1ed; }
.project-row-nr { color: var(--theme-orange); }
.project-row-cat, .project-row-client, .project-row-year { color: #aaa29c; }
.project-row:hover .project-row-title, .project-row.is-active .project-row-title,
.project-row:hover .project-row-nr, .project-row.is-active .project-row-nr,
.project-row:hover .project-row-cat, .project-row.is-active .project-row-cat,
.project-row:hover .project-row-client, .project-row.is-active .project-row-client,
.project-row:hover .project-row-year, .project-row.is-active .project-row-year {
  color: var(--theme-orange);
}
.project-row:focus-within .project-row-title { color: var(--theme-orange); }
.project-tag { color: #c4bab1; border-color: rgba(255,107,0,.25); }
.project-row:hover .project-tag, .project-row.is-active .project-tag {
  color: var(--theme-orange-light); border-color: var(--theme-orange);
}
.clients-label { color: var(--theme-muted); }
.projects-contact-label { color: var(--theme-orange); }
.projects-contact { border-color: rgba(255,107,0,.23); }
.projects-contact-heading { color: var(--theme-text); }
.projects-contact-btn { color: #090909; background: var(--theme-orange); border-color: var(--theme-orange); }
.projects-contact-btn:hover { color: #090909; background: var(--theme-orange-light); border-color: var(--theme-orange-light); }
.site-footer { background: #080808; }
.footer-nav-link { color: #a79e96; }
.footer-nav-link:hover, .footer-nav-link[aria-current="page"] { color: var(--theme-orange); }
.footer-location, .footer-copy { color: #9b928a; }
.footer-bottom { border-color: rgba(255,107,0,.18); }
.tx-p { background: #11100f; }
.tx-words--f .tx-word { color: var(--theme-orange); }
.tx-words--o .tx-word { -webkit-text-stroke-color: rgba(255,107,0,.35); }
.artworks-header {
  background: linear-gradient(to bottom, #090909 0%, rgba(9,9,9,.98) 50%, rgba(9,9,9,0) 100%);
}
.artworks-title { color: var(--theme-orange); }
.ct-hero::before, .ct-hero.is-right-hover::before {
  background: radial-gradient(700px circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(255,107,0,.36) 0%, rgba(255,107,0,.10) 45%, transparent 70%);
}
.ct-overlay { background: rgba(9,9,9,.98); }
.ct-overlay-submit { color: #090909; background: var(--theme-orange); border-color: var(--theme-orange); }
.ct-overlay-submit:hover { color: #090909; background: var(--theme-orange-light); }
.ct-overlay-success-title { color: var(--theme-orange); }
.name-display, .preloader-counter { color: var(--theme-orange); }
.side-text, .side-nr, body .side:hover .side-text, body .side:hover .side-nr { color: var(--theme-orange); }
body[class] .skip-to-content { color: #090909; background: var(--theme-orange); }
.page-inner-glow { box-shadow: inset 0 0 80px rgba(255,107,0,.025); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .clients-track, .page-scanner-lines span { animation: none !important; }
}