/**
 * Flow Medical - Theme Base
 *
 * Shared CSS custom properties across all themes.
 * Status colors (success, error) are consistent for accessibility and UX.
 *
 * This file is loaded before the theme-specific file.
 * Theme files can override any of these values if needed.
 */

:root {
  /* ========================================
   * SUCCESS COLORS
   * Green - consistent across all themes for recognition
   * ======================================== */
  --color-success-50: 240 253 244;
  --color-success-100: 220 252 231;
  --color-success-200: 187 247 208;
  --color-success-500: 34 197 94;
  --color-success-600: 22 163 74;
  --color-success-700: 21 128 61;
  --color-success-800: 22 101 52;
  --color-success: var(--color-success-500);
  --color-success-light: 187 247 208;
  --color-success-dark: 22 101 52;

  /* ========================================
   * ERROR COLORS
   * Red - consistent across all themes for recognition
   * ======================================== */
  --color-error-50: 254 242 242;
  --color-error-100: 254 226 226;
  --color-error-200: 254 202 202;
  --color-error-500: 239 68 68;
  --color-error-600: 220 38 38;
  --color-error-700: 185 28 28;
  --color-error-800: 153 27 27;
  --color-error: var(--color-error-500);
  --color-error-light: 254 202 202;
  --color-error-dark: 153 27 27;
}