/* Shared brand tokens and background. Edit tools/jthewl-brand, then run sync.mjs. */
:root {
  --brand-accent: #DA7756;
  --brand-accent-bright: #E8985C;
  --brand-accent-dim: #B85D3A;
  --brand-accent-glow: rgba(218, 119, 86, .36);
  --brand-bg: #0A0908;
  --brand-panel: rgba(14, 12, 10, .82);
  --brand-panel-strong: rgba(20, 17, 14, .96);
  --brand-text: #E8E0D8;
  --brand-muted: #B1A398;
  --brand-bright: #FAF0E8;
  --brand-border: #2E2520;
  --brand-border-light: #4A3D33;
  --brand-font-ui: ui-monospace, "Cascadia Code", Consolas, "Liberation Mono", monospace;
  --brand-font-body: Inter, system-ui, -apple-system, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}
.jthewl-scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
  background: #020307;
  filter: brightness(var(--brand-scene-brightness, 1));
}
.jthewl-scene[data-brand-profile="stars"] { --brand-scene-brightness: .58; }
.jthewl-scene[data-brand-profile="blog"] { --brand-scene-brightness: .7; }
@media (max-width: 800px) {
  .jthewl-scene[data-brand-profile="stars"] { --brand-scene-brightness: .45; }
  .jthewl-scene[data-brand-profile="blog"] { --brand-scene-brightness: .55; }
}
@media print { .jthewl-scene { display: none; } }