/* RMM Console — design system (graded from stitch / Material dark tokens) */

:root {
  /* Surfaces */
  --ds-bg: #0b0e16;
  --ds-bg-dim: #10131b;
  --ds-surface: #1c2028;
  --ds-surface-low: #181c23;
  --ds-surface-high: #272a32;
  --ds-surface-highest: #31353d;

  /* Text */
  --ds-text: #e0e2ed;
  --ds-text-secondary: #c1c6d7;
  --ds-text-muted: #8b90a0;

  /* Borders */
  --ds-border: rgba(65, 71, 85, 0.55);
  --ds-border-subtle: rgba(65, 71, 85, 0.28);

  /* Accent — used sparingly */
  --ds-primary: #adc6ff;
  --ds-primary-strong: #4b8eff;
  --ds-primary-muted: rgba(75, 142, 255, 0.14);

  /* Semantic */
  --ds-ok: #6ee7b7;
  --ds-warn: #fbbf24;
  --ds-err: #f87171;

  /* Layout */
  --ds-topbar-h: 64px;
  --ds-sidebar-w: 240px;
  --ds-sidebar-collapsed-w: 68px;
  --ds-page-pad: 24px;
  --ds-gutter: 16px;

  /* Radius */
  --ds-radius-sm: 6px;
  --ds-radius: 8px;
  --ds-radius-lg: 12px;

  /* Type scale */
  --ds-font: "Inter", system-ui, sans-serif;
  --ds-mono: "JetBrains Mono", ui-monospace, monospace;
  --ds-text-xs: 0.6875rem;   /* 11px */
  --ds-text-sm: 0.8125rem;  /* 13px */
  --ds-text-base: 0.875rem; /* 14px */
  --ds-text-md: 1.125rem;   /* 18px */
  --ds-text-lg: 1.5rem;     /* 24px */
  --ds-text-xl: 2rem;       /* 32px */
}