/* Service pricing workbench — neutral theme tokens.
 *
 * Same token names as a client's brand/theme.css so the page and the app-shell
 * (layout.css) render unchanged — but no client identity here. This is an internal tool:
 * swap this file, never the app, if the look needs to change.
 */
:root {
  /* Surfaces */
  --bg: #F5F6F8;
  --card: #FFFFFF;
  --inset: #EEF0F4;
  --border: #E0E4EA;
  --border-strong: #C3C9D3;

  /* Accent (neutral indigo) */
  --navy: #1F2A44;
  --accent: #3557C7;
  --accent-2: #4F6FD9;
  --signal: #1FA2B8;
  --signal-dim: rgba(31, 162, 184, 0.10);

  /* Semantic status */
  --ok: #2E9E5B;
  --warn: #D98A1C;
  --bad: #D64545;

  /* Ink */
  --text: #1B2129;
  --body: #343B45;
  --muted: #5E6875;
  --mute: #98A2B0;
  --ink: #FFFFFF;

  /* Type — system stacks, no webfonts */
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-sans: var(--sans);
  --display: var(--sans);
  --mono: ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;

  /* Shape */
  --radius: 6px;
  --radius-sm: 4px;

  /* Shell metrics */
  --header-h: 60px;
  --side-w: 224px;
}