:root {
  /* BACKGROUND */

  --color-bg: #dfe3e6;
  --color-surface: #e8ecef;

  /* PRIMARY */

  --color-primary: #4b5563;
  --color-primary-hover: #374151;

  /* TEXT */

  --color-text: #111827;
  --color-text-muted: #4b5563;

  /* UI */

  --color-border: #c5cbd1;

  /* TYPOGRAPHY */

  --font-main: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* SPACING */

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;

  /* RADIUS */

  --radius-sm: 6px;
  --radius-md: 10px;

  /* SHADOW */

  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.08);

  /* TOOL UI */

  --tool-input-bg: #f2f4f6;
  --focus-ring: rgba(75, 85, 99, 0.25);
}