/* Base variables - shared across components */
:root {
  /* Spacing */
  --space: 1rem;
  --space-half: 0.5rem;
  --space-double: 1.5rem;
  --space-triple: 3rem;

  /* Border radius */
  --radius: 0.375rem;
  --radius-small: 0.25rem;

  /* Shadows */
  --shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

  /* Colors - matching Bootstrap for now */
  --color-primary: #0d6efd;
  --color-success: #198754;
  --color-info: #0dcaf0;
  --color-warning: #ffc107;
  --color-muted: #6c757d;
  --color-light: #f8f9fa;
  --color-border: #dee2e6;
  --color-bg: white;
  --color-ink: #212529;

  /* Typography */
  --text-small: 0.875rem;
  --text-xsmall: 0.75rem;
}