/* Shared production surfaces. Keep the Studio composition; unify its scale. */
:root,
html[data-theme="dark"] {
  --bg: #101112;
  --panel: #191a1b;
  --field: #222325;
  --ink: #f2f2f3;
  --text: var(--ink);
  --muted: #a1a3a8;
  --line: #ffffff21;
  --accent: #ff581f;
  --green: #2ed573;
  --amber: #dbbb83;
  --red: #e69b95;
  --ui-radius: 0px;
  --ui-gap: 24px;
  --ui-padding: 24px;
  --ui-surface: var(--panel);
  --ui-highlight: rgba(190, 193, 198, 0.08);
  --ui-spot: rgba(205, 208, 214, 0.07);
  --ui-shadow: 0 4px 18px #0000000e;
  --ui-menu-shadow: 0 12px 36px #0003;
  --ui-hover: #ffffff07;
  --ui-primary-ink: #201713;
  --ui-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-family:
    Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui,
    sans-serif;
}
html[data-theme="light"] {
  --bg: #f0f1f2;
  --panel: #fafafb;
  --field: #eceef0;
  --ink: #28292d;
  --text: var(--ink);
  --muted: #62656d;
  --line: #22252b22;
  --accent: #d43d08;
  --green: #16803c;
  --amber: #89611b;
  --red: #ad4543;
  --ui-surface: rgba(255, 255, 255, 0.88);
  --ui-highlight: rgba(255, 255, 255, 0.48);
  --ui-spot: rgba(102, 109, 120, 0.055);
  --ui-shadow: 0 3px 16px #22252b06;
  --ui-menu-shadow: 0 12px 36px #22252b15;
  --ui-hover: #22252b06;
  --ui-primary-ink: #fff;
}