/* src/styles.scss */
:root {
  --font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  --font-700-lg: 700 20px/1.2 var(--font-family);
  --font-600: 600 16px/1.2 var(--font-family);
  --font-500: 500 14px/1.4 var(--font-family);
  --font-500-sm: 500 13px/1.4 var(--font-family);
  --font-400-sm: 400 13px/1.4 var(--font-family);
  --font-600-xs: 600 12px/1.2 var(--font-family);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --radius-2: 8px;
  --radius-3: 10px;
  --radius-4: 12px;
  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-2: 0 1px 3px rgba(16, 24, 40, 0.08);
  --color-page-bg: #f7f8fb;
  --color-panel-bg: #ffffff;
  --color-panel-bg-muted: #f6f7fb;
  --color-border: #e5e7eb;
  --color-fg: #111827;
  --color-fg-muted: #6b7280;
  --color-link: #2563eb;
  --color-row-hover: #f9fafb;
  --color-row-selected: #eef2ff;
  --color-table-head-bg: #ffffff;
  --color-table-head-fg: #6b7280;
  --color-accent: #111827;
  --color-on-accent: #ffffff;
  --color-danger: #ef4444;
  --color-on-danger: #ffffff;
  --control-height: 36px;
  --control-height-sm: 32px;
  --control-ring: 0 0 0 3px rgba(37, 99, 235, 0.18);
  --color-bg: var(--color-page-bg);
  --color-surface: var(--color-panel-bg);
  --color-surface-muted: var(--color-panel-bg-muted);
}
[data-theme=dark] {
  --color-page-bg: #0b1020;
  --color-panel-bg: #121a2f;
  --color-panel-bg-muted: #10182a;
  --color-border: #22304f;
  --color-fg: #e7eaf3;
  --color-fg-muted: #a8b0c6;
  --color-link: #7aa2ff;
  --color-row-hover: rgba(255, 255, 255, 0.06);
  --color-row-selected: rgba(122, 162, 255, 0.16);
  --color-table-head-bg: #121a2f;
  --color-table-head-fg: #a8b0c6;
  --color-accent: #e7eaf3;
  --color-on-accent: #0b1020;
  --color-danger: #f87171;
  --color-on-danger: #0b1020;
  --color-bg: var(--color-page-bg);
  --color-surface: var(--color-panel-bg);
  --color-surface-muted: var(--color-panel-bg-muted);
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-family);
}
* {
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
}

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