/* Shared theme for surfel-webgpu-gi embeds. */
:root {
  color-scheme: light dark;
  --viz-font-serif: "Iowan Old Style", "Charter", "Times New Roman", Times, serif;
  --viz-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --viz-font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;

  --viz-bg: #f6f4ef;
  --viz-panel: #f6f4ef;
  --viz-panel-2: rgba(241, 239, 234, 0.94);
  --viz-border: rgba(27, 27, 25, 0.12);
  --viz-text: #1b1b19;
  --viz-muted: #5f5f58;
  --viz-accent: #b0613c;
  --viz-warn: #c77d4c;
  --viz-ok: #3c8b5a;
  --viz-bad: #b24949;
  --viz-glow: rgba(176, 97, 60, 0.18);

  --viz-radius: 12px;
  --viz-radius-sm: 10px;
  --viz-radius-lg: 14px;
  --viz-shadow: 0 10px 26px rgba(27, 27, 25, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root {
    --viz-bg: #0f1116;
    --viz-panel: rgba(20, 24, 36, 0.95);
    --viz-panel-2: rgba(16, 20, 31, 0.92);
    --viz-border: rgba(255, 255, 255, 0.12);
    --viz-text: #e8edf6;
    --viz-muted: #a4b0c6;
    --viz-accent: #d28b5f;
    --viz-warn: #f4c463;
    --viz-ok: #7dff9a;
    --viz-bad: #ff6b6b;
    --viz-glow: rgba(64, 96, 152, 0.32);
    --viz-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  }
}