/* DrawX — Themes */
:root, [data-theme="dark"] {
  --bg-primary: #0F0F13;
  --bg-secondary: #17171D;
  --bg-tertiary: #1E1E28;
  --bg-elevated: #252532;
  --bg-hover: #2A2A38;
  --bg-active: #313145;

  --border: #2E2E3E;
  --border-focus: #6366F1;

  --text-primary: #EBEBF5;
  --text-secondary: #8B8BA8;
  --text-muted: #52525E;
  --text-inverse: #0F0F13;

  --accent: #6366F1;
  --accent-hover: #7577F5;
  --accent-muted: rgba(99,102,241,0.15);
  --accent2: #8B5CF6;
  --accent2-muted: rgba(139,92,246,0.15);

  --success: #22C55E;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  --toolbar-w: 52px;
  --sidebar-w: 240px;
  --props-w: 260px;
  --topnav-h: 48px;
  --statusbar-h: 32px;

  --canvas-bg: #1A1A24;
  --canvas-shadow: rgba(0,0,0,0.6);
}

[data-theme="light"] {
  --bg-primary: #F8F8FC;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F0F0F8;
  --bg-elevated: #FFFFFF;
  --bg-hover: #EBEBF5;
  --bg-active: #E0E0F0;

  --border: #E0E0EC;
  --border-focus: #6366F1;

  --text-primary: #0F0F13;
  --text-secondary: #52525E;
  --text-muted: #8B8BA8;
  --text-inverse: #EBEBF5;

  --accent: #6366F1;
  --accent-hover: #4F51D9;
  --accent-muted: rgba(99,102,241,0.1);
  --accent2: #8B5CF6;
  --accent2-muted: rgba(139,92,246,0.1);

  --success: #16A34A;
  --warning: #D97706;
  --error: #DC2626;
  --info: #2563EB;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.15);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.2);

  --canvas-bg: #E8E8F0;
  --canvas-shadow: rgba(0,0,0,0.2);
}