:root {
  color-scheme: only light;
  --orange: #ff6a1a;
  --canvas: #eef0f1;
  --paper: #fafbf9;
  --cloud: #edf0ed;
  --text: #17191d;
  --muted: #666d73;
  --line: #d8dcda;
  --accent-text: #b04405;
  --focus: #b04405;
  --white: #fff;
  --ink: var(--canvas);
  --ink-deep: var(--canvas);
  --cream: var(--text);
  --orange-hi: var(--accent-text);
  --faint: var(--muted);
  --card: var(--paper);
  --card-line: var(--line);
  --soft: var(--cloud);
  --shadow: 0 16px 36px rgba(28, 41, 52, .08), 0 2px 5px rgba(28, 41, 52, .04);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: only dark;
    --canvas: #111419;
    --paper: #1c2025;
    --cloud: #272d34;
    --text: #edf0f3;
    --muted: #adb6c0;
    --line: #3b434d;
    --accent-text: #ff9b63;
    --focus: #ff9b63;
    --shadow: 0 18px 44px #0004, 0 0 0 1px #ffffff0a;
  }
}

html, body { background: var(--canvas); }
body { color: var(--text); }
:focus-visible { outline: 3px solid var(--focus); }
.site-header { background: var(--paper); backdrop-filter: none; }
.nav-links a { color: var(--muted); }
.nav-links a:hover { color: var(--accent-text); }
.skip-link, .nav-cta, .button-primary, .brand-mark,
.layer-focus .layer-tag, .arch-focus .arch-badge,
.value-number, .focus-badge { color: var(--white); }
.nav-cta:hover, .button-primary:hover { background: var(--orange); }
.button-secondary:hover { border-color: var(--muted); background: var(--cloud); }
.eyebrow, .section-kicker { color: var(--accent-text); }
.structure-status::before { box-shadow: none; }
.layer-node, .loop-node { background: var(--cloud); }
.layer-teal .layer-tag, .layer-blue .layer-tag,
.arch-teal .arch-badge, .arch-blue .arch-badge,
.card-blue .product-tag, .card-teal .product-tag {
  color: var(--muted);
  background: var(--cloud);
}
.layer-teal .layer-tag, .layer-blue .layer-tag { background: var(--paper); }
.layer-focus, .arch-focus { border-color: var(--orange); box-shadow: none; }
.structure-rail { border-color: var(--line); }
.trust-strip { background: var(--paper); }
.journey-rail span, .product-card .capability-list li { color: var(--text); }
.product-featured {
  color: var(--text);
  background: var(--paper);
  box-shadow: var(--shadow);
}
.product-featured h3 { color: var(--orange); }
.product-featured .product-tag {
  color: var(--accent-text);
  background: var(--cloud);
}
.product-domain, .product-featured .product-desc { color: var(--muted); }
.product-featured .capability-list li::before,
.card-blue .capability-list li::before, .card-teal .capability-list li::before {
  color: var(--accent-text);
  background: var(--cloud);
}
.product-card:hover { border-color: var(--muted); }
.focus-section { color: var(--text); }
.focus-section .shell { background: var(--paper); }
.family-rail { background: var(--cloud); }
.family-chips span { border-color: var(--line); color: var(--text); }
.closing-card { color: var(--text); background: var(--paper); }