/* Approved Tailwind Stone / Lime / Cyan palette. Shared by both site modes. */
:root{
  --stone-50:oklch(98.5% 0.001 106.423);
  --stone-100:oklch(97% 0.001 106.424);
  --stone-200:oklch(92.3% 0.003 48.717);
  --stone-300:oklch(86.9% 0.005 56.366);
  --stone-400:oklch(70.9% 0.01 56.259);
  --stone-500:oklch(55.3% 0.013 58.071);
  --stone-600:oklch(44.4% 0.011 73.639);
  --stone-700:oklch(37.4% 0.01 67.558);
  --stone-800:oklch(26.8% 0.007 34.298);
  --stone-900:oklch(21.6% 0.006 56.043);
  --stone-950:oklch(14.7% 0.004 49.25);
  --lime-50:oklch(98.6% 0.031 120.757);
  --lime-100:oklch(96.7% 0.067 122.328);
  --lime-200:oklch(93.8% 0.127 124.321);
  --lime-300:oklch(89.7% 0.196 126.665);
  --lime-400:oklch(84.1% 0.238 128.85);
  --lime-500:oklch(76.8% 0.233 130.85);
  --lime-600:oklch(64.8% 0.2 131.684);
  --lime-700:oklch(53.2% 0.157 131.589);
  --lime-800:oklch(45.3% 0.124 130.933);
  --lime-900:oklch(40.5% 0.101 131.063);
  --lime-950:oklch(27.4% 0.072 132.109);
  --cyan-50:oklch(98.4% 0.019 200.873);
  --cyan-100:oklch(95.6% 0.045 203.388);
  --cyan-200:oklch(91.7% 0.08 205.041);
  --cyan-300:oklch(86.5% 0.127 207.078);
  --cyan-400:oklch(78.9% 0.154 211.53);
  --cyan-500:oklch(71.5% 0.143 215.221);
  --cyan-600:oklch(60.9% 0.126 221.723);
  --cyan-700:oklch(52% 0.105 223.128);
  --cyan-800:oklch(45% 0.085 224.283);
  --cyan-900:oklch(39.8% 0.07 227.392);
  --cyan-950:oklch(30.2% 0.056 229.695);
  color-scheme:light dark;
  --paper:var(--stone-100);--surface:var(--stone-100);--ink:var(--stone-800);--muted:var(--stone-600);--line:var(--stone-200);
  --accent:var(--cyan-700);--ocean:var(--accent);--lime:var(--lime-700);--action:var(--lime-700);--action-hover:var(--lime-800);--on-action:var(--stone-50);
  --shadow:var(--stone-200);--illustration-surface:var(--stone-200);--illustration-border:var(--stone-300);--illustration-shadow:var(--stone-300);--logo-hover:var(--cyan-800);--tint:var(--cyan-100);--tint-ink:var(--cyan-900);--green-surface:var(--lime-100);--green-ink:var(--lime-900);
}
@media(prefers-color-scheme:dark){:root{
  --paper:var(--stone-950);--surface:var(--stone-900);--ink:var(--stone-50);--muted:var(--stone-300);--line:var(--stone-700);
  --accent:var(--cyan-400);--lime:var(--lime-300);--action:var(--lime-300);--action-hover:var(--lime-200);--on-action:var(--stone-950);
  --shadow:var(--stone-900);--illustration-surface:var(--stone-900);--illustration-border:var(--stone-700);--illustration-shadow:var(--stone-950);--logo-hover:var(--cyan-300);--tint:var(--cyan-950);--tint-ink:var(--cyan-200);--green-surface:var(--lime-950);--green-ink:var(--lime-200);
}}
.nav,header{height:80px;min-height:80px}
.personal-logo{color:var(--accent)}
.wordmark:hover .personal-logo,.wordmark:focus-visible .personal-logo{color:var(--logo-hover)}
.nav,.nav-contact,.service-list article,.project summary,.featured,.system-map,.platform-grid>span,.demo-top,.theme-buttons{border-color:var(--line)}
.nav-contact:hover{background:var(--surface);color:var(--ink)}
.hero .eyebrow,.experience strong,.service-list p,.tags,.contact-copy p,footer,.work .eyebrow,.work-intro{color:var(--muted)}
.text-link,.services .section-title>span,.contact h2,.project summary{color:var(--accent)}
.about-layout .about-lead,.principle p{color:var(--ink)}.principle{border-color:var(--action)}
.services,.contact{background:var(--surface)}
.button,.dark,.light,.theme-buttons button[aria-pressed=true]{background:var(--action);color:var(--on-action)}
.button:hover,.dark:hover,.light:hover{background:var(--action-hover);color:var(--on-action)}
.system-demo{border-color:var(--line)}
.system-demo{background:var(--surface);box-shadow:8px 12px 0 var(--shadow)}
.system-visual{background:var(--illustration-surface);border-color:var(--illustration-border);box-shadow:8px 12px 0 var(--illustration-shadow)}
.system-demo{--demo-accent:var(--cyan-700);--demo-bg:var(--cyan-100);--demo-ink:var(--cyan-900);--demo-label:var(--stone-50)}
.system-demo[data-theme=fern]{--demo-accent:var(--lime-700);--demo-bg:var(--lime-100);--demo-ink:var(--lime-900);--demo-label:var(--stone-50)}
.system-demo[data-theme=ink]{--demo-accent:var(--stone-700);--demo-bg:var(--stone-200);--demo-ink:var(--stone-900);--demo-label:var(--stone-50)}
.palette-sample,.component{background:var(--paper);border-color:var(--line)}.sample-tag{color:var(--demo-label)}
.red{background:var(--green-surface);color:var(--green-ink)}
.graphite,.orange,.case-study .bg-ulta--orange{background:var(--tint);color:var(--tint-ink)}
.mode-display>div{background:var(--stone-100);color:var(--stone-800)}
.mode-display>div+div{background:var(--stone-900);color:var(--stone-50);border-color:var(--stone-600)}
@media(prefers-color-scheme:dark){
 .system-demo{--demo-accent:var(--cyan-300);--demo-bg:var(--cyan-950);--demo-ink:var(--cyan-200);--demo-label:var(--stone-950)}
 .system-demo[data-theme=fern]{--demo-accent:var(--lime-300);--demo-bg:var(--lime-950);--demo-ink:var(--lime-200);--demo-label:var(--stone-950)}
 .system-demo[data-theme=ink]{--demo-accent:var(--stone-300);--demo-bg:var(--stone-800);--demo-ink:var(--stone-100);--demo-label:var(--stone-950)}
}
@media(max-width:760px){.system-demo{box-shadow:5px 7px 0 var(--shadow)}.system-visual{box-shadow:5px 7px 0 var(--illustration-shadow)}}