:root {
  /* Typography */
  --font-family: 'Inter', sans-serif;
  --font-size-base: 14px;
  --line-height-base: 1.4;

  /* Colors */
  --color-bg: #fff;
  --color-bg-alt: #f9f9f9;
  --color-border: #eee;
  --color-border-muted: #ccc;
  --color-text: #111;
  --color-text-muted: #888;

  /* Actions */
  --color-primary: #007bff;
  --color-primary-hover: #0069d9;
  --color-danger: #dc3545;
  --color-danger-hover: #c82333;

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

  /* Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* Table */
  --table-header-bg: var(--color-bg-alt);
  --table-row-hover-bg: #f5faff;

  /* Form */
  --form-bg: #fff;
  --form-border: var(--color-border-muted);
  --form-radius: var(--radius-sm);
  --form-padding: var(--space-sm);
}