/* Shared dark palette. Layout and responsive behavior remain in styles.css. */
:root {
  color-scheme: dark;
  --paper: #101310;
  --ink: #f3f2ed;
  --muted: #a5ada3;
  --orange: #ff7954;
  --line: #2d352c;
}
body { background: var(--paper); }
::selection { background: #ff7954; color: #101310; }
.skip-link { background: #f3f2ed; color: #101310; }
.brand-caption { border-color: #394136; color: #c1c8bb; }
.brand-dot { color: var(--orange); margin-left: -7px; letter-spacing: 0; }
.header .profile-brand { gap: 14px; letter-spacing: normal; }
.profile-photo {
  display: block;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid #ff7954;
  object-fit: cover;
  object-position: 50% 20%;
  background: #f3f2ed;
}
.header .profile-brand .brand-caption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 11px;
  letter-spacing: 1.6px;
  color: #e3e8dc;
}
.header .nav-cta { border-color: #465140; }
.hero { background: radial-gradient(ellipse at 30% 45%, #222a1b55, transparent 65%); }
.hero-intro { color: #e3e8dc; }
.hero-art {
  background-color: #181d17;
  border: 1px solid #394132;
  box-shadow: 0 20px 80px #00000030, 0 0 70px #9b4b1510;
}
.button-dark { color: #171a14; background: var(--orange); font-weight: 600; }
.button-dark:hover { color: #171a14; background: #ff997c; }
.text-link { color: #d0d6c9; }
.principles { background: #151a14; }
.principles-inner { color: #c2cbb8; }
.section-label { color: #a7b19d; }
.pill-list span { border-color: #3c4836; color: #bcc8b0; background: #1b2217; }
.content-note { color: #a3af98; }
.content-note .status-dot { background: #a6c18b; }
.work-section { background: #191f18; border-block: 1px solid #2d352c; }
.spendwise-visual {
  background-color: #253723;
  background-image: radial-gradient(ellipse at 50% 70%, #4e674460, transparent 75%);
  border: 1px solid #3f5135;
}
.visual-label, .visual-corner { color: #c3d2b7; }
.visual-index { color: #bdcbb1; opacity: .8; }
.lab-visual {
  background: radial-gradient(ellipse at 50% 70%, #78503930, transparent 75%), #302720;
  border: 1px solid #514034;
}
.lab-visual .visual-label, .lab-visual .visual-corner { color: #d5bda9; }
.lab-visual .visual-index { color: #d5bda9; }
.lab-grid i { background: #705a48; box-shadow: 1px 3px 0 #443323; }
.lab-grid i:nth-child(3n+1) { background: #9d8269; box-shadow: 1px 3px 0 #5d4632; }
.lab-grid i:nth-child(5) { background: var(--orange); box-shadow: 1px 3px 0 #a63d20; }
.project-kind { color: #acb89e; }
.project-status { color: #bdcbb0; }
.project-status .status-dot { background: #b2d48e; }
.project-mark { color: #d1ac8a; }
.timeline { border-color: #394733; }
.timeline-label { color: #b3c1a4; }
.connect-section {
  color: #f3f2ed;
  background: #20291c;
  border-block: 1px solid #3a4831;
}
.connect-section .eyebrow { color: #c0ceaf; }
.connect-section h2 > span { color: #becfab; }
.connect-star { color: #34422a; }
.connect-bottom { border-color: #4a5940; }
.connect-bottom p { color: #dbe4d2; }
.connect-bottom p span { color: #b1c0a1; }
.connect-arrow { color: #edf1e6; border-color: #7b8c68; }
.connect-arrow:hover { color: #101310; }
.footer p { color: #a5afa0; }
.footer-note { color: #a5afa0; }
@media(max-width:760px) {
  .profile-photo { width: 44px; height: 44px; }
  .header .profile-brand { gap: 11px; }
  .header .profile-brand .brand-caption { font-size: 10px; letter-spacing: 1.2px; }
  .menu-toggle { border-color: #46513e; background: #1a2117; }
  .menu-toggle span { background: #e4ebdb; }
  .header nav { box-shadow: 0 18px 20px #00000050; }
}