/* Bridge Workbench - Design Tokens */
/* LIGHT MODE ONLY - DevTools inspired */

:root {
  /* Core colors */
  --bg: #ffffff;
  --bg-alt: #f8f9fa;
  --panel: #f1f3f4;
  --panel-lighter: #e8eaed;
  --text: #202124;
  --text-bright: #000000;
  --muted: #5f6368;
  --border: #dadce0;
  --accent: #1a73e8;

  /* Status colors */
  --success: #188038;
  --error: #d93025;
  --warning: #e37400;

  /* Method colors */
  --method-get: #1a73e8;
  --method-post: #188038;
  --method-put: #e37400;
  --method-delete: #d93025;

  /* Pipeline flow colors */
  --flow-tunnel: #1a73e8;
  --flow-injector: #188038;
  --flow-session: #9334e6;

  /* Status indicators */
  --dot-active: #188038;
  --dot-inactive: #9aa0a6;
  --dot-warning: #e37400;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Roboto Mono", "SF Mono", "Monaco", "Consolas", monospace;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  /* Border radius */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;

  /* Layout dimensions */
  --status-bar-height: 36px;
  --context-rail-width: 200px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
}