/* Semantic color tokens - extend Radzen tokens where available */
:root {
  /* Primary */
  --dp-color-primary: var(--rz-primary, #37A0D2);
  --dp-color-primary-700: var(--rz-primary-dark, #1d7199);

  /* Semantic */
  --dp-color-success: var(--rz-success, #16a34a);
  --dp-color-danger: var(--rz-danger, #dc3545);
  --dp-color-warning: var(--rz-warning, #ff9800);
  --dp-color-info: var(--rz-info, #0288d1);

  /* Text */
  --dp-color-text: var(--rz-text-color, #212529);
  --dp-color-text-secondary: var(--rz-text-secondary-color, #6c757d);

  /* Greyscale */
  --dp-gray-50: #fafafa;
  --dp-gray-100: #f5f5f5;
  --dp-gray-200: #e9ecef;
  --dp-gray-300: #dee2e6;
  --dp-gray-400: #ced4da;
  --dp-gray-500: #adb5bd;
  --dp-gray-600: #6c757d;
  --dp-gray-700: #495057;
  --dp-gray-800: #343a40;
  --dp-gray-900: #212529;
}