/*
 * Drop Editor's own design tokens (src/theme/dropTheme.ts), mirrored by hand
 * for this standalone static site — same names, same values as the MUI
 * theme's `:root` block emits at runtime in the app. Not generated; keep in
 * sync with dropTheme.ts if those values change.
 */
:root {
  --bg-default: #1e1e1e;
  --bg-paper: #252526;
  --bg-elevated: #2a2a2a;
  --bg-surface: #3a3a3a;

  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-disabled: #888888;

  --border-default: #3e3e42;
  --border-subtle: #333333;
  --border-strong: #555555;

  --accent-main: #4a9eff;
  --accent-hover: #6bb3ff;

  --semantic-error: #f44336;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 9999px;

  --shadow-panel: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-dropdown: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-modal: 0 20px 40px rgba(0,0,0,0.5);

  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}