/* src/styles.css */
* {
  margin: 0;
  padding: 0;
}
html,
body {
  overflow: hidden;
}
body {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
:root {
  --kd-header-bg: lightblue;
  --kd-header-text: #000;
  --kd-drawing-bg: #e2e8f0;
  --kd-drawing-canvas-bg: #f8fafc;
  --kd-keymenu-bg: #94a3b8;
  --kd-zoom-bg: rgba(255, 255, 255, 0.8);
  --kd-zoom-text: #333;
  --kd-panel-bg: rgba(255, 255, 255, 0.82);
  --kd-panel-solid: #f1f5f9;
  --kd-panel-text: #1e293b;
  --kd-panel-muted: #64748b;
  --kd-panel-border: rgba(148, 163, 184, 0.8);
  --kd-panel-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  --kd-panel-radius: 8px;
  --kd-control-bg: rgba(148, 163, 184, 0.12);
  --kd-control-hover: rgba(148, 163, 184, 0.22);
}
:root[data-theme=dark] {
  --kd-header-bg: #111111;
  --kd-header-text: #f0f0f0;
  --kd-drawing-bg: #050505;
  --kd-drawing-canvas-bg: #050505;
  --kd-keymenu-bg: #111111;
  --kd-zoom-bg: rgba(17, 17, 17, 0.8);
  --kd-zoom-text: #f0f0f0;
  --kd-panel-bg: rgba(31, 41, 55, 0.84);
  --kd-panel-solid: #1f2937;
  --kd-panel-text: #e5e7eb;
  --kd-panel-muted: #9ca3af;
  --kd-panel-border: rgba(75, 85, 99, 0.9);
  --kd-panel-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  --kd-control-bg: rgba(75, 85, 99, 0.3);
  --kd-control-hover: rgba(75, 85, 99, 0.5);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */