/* Studio Assets — primitives → semantic roles → component tokens.
   Shared by the workspace and the public API reference. */
:root {
  color-scheme: dark;
  --gray-950: #131313;
  --gray-900: #1a1a1a;
  --gray-850: #202020;
  --gray-800: #262626;
  --gray-750: #292929;
  --gray-700: #303030;
  --gray-650: #3a3a3a;
  --gray-600: #484848;
  --gray-500: #666666;
  --gray-400: #999999;
  --gray-300: #b4b4b4;
  --gray-200: #d0d0d0;
  --gray-100: #eeeeee;
  --white: #ffffff;
  --blue-800: #002b50;
  --blue-700: #094d85;
  --blue-600: #0a6ec8;
  --blue-500: #1689df;
  --blue-400: #47a0ee;
  --blue-300: #8ac7f9;
  --green-900: #203b30;
  --green-300: #9ad9be;
  --amber-900: #3a3328;
  --amber-300: #e2c58e;
  --red-900: #42262b;
  --red-300: #ffb3b3;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --font-family: Inter, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-xs: 12px;
  --font-sm: 13px;
  --font-md: 14px;
  --font-lg: 16px;
  --font-xl: 20px;
  --font-2xl: 26px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --motion-fast: 120ms;
  --shadow-overlay: 0 24px 80px #0009;

  /* Semantic roles. Text muted is still readable on every neutral surface. */
  --bg: var(--gray-950);
  --surface: var(--gray-900);
  --surface-raised: var(--gray-850);
  --surface-hover: var(--gray-750);
  --field-bg: var(--gray-800);
  --line: var(--gray-700);
  --border: var(--gray-650);
  --border-interactive: var(--gray-500);
  --text: var(--gray-100);
  --text-secondary: var(--gray-300);
  --muted: var(--gray-400);
  --accent: var(--blue-600);
  --accent-hover: var(--blue-700);
  --on-accent: var(--white);
  --link: var(--blue-300);
  --focus: var(--blue-400);
  --selection: var(--blue-800);
  --success: var(--green-300);
  --success-bg: var(--green-900);
  --warning: var(--amber-300);
  --warning-bg: var(--amber-900);
  --danger: var(--red-300);
  --danger-bg: var(--red-900);

  /* Component roles. Geometry follows the Unity workspace reference. */
  --button-bg: var(--accent);
  --button-fg: var(--on-accent);
  --control-height: 38px;
  --input-border: var(--border-interactive);
  --card-bg: var(--surface);
  --card-radius: var(--radius-md);
  --dialog-bg: var(--surface);
  --header: 48px;
  --sidebar: 224px;
  --inspector: 360px;
  --status: 26px;
  --radius: var(--radius-md);
  --blue: var(--link);
  font-family: var(--font-family);
  font-size: var(--font-md);
}

/* File kinds: icon and text accompany every semantic color. */
:root{--purple-300:#c4b5fd;--cyan-300:#8ed9e5;--type-model:var(--blue-300);--type-texture:var(--green-300);--type-material:var(--amber-300);--type-audio:var(--purple-300);--type-animation:var(--cyan-300);--type-file:var(--gray-300)}