/* Guardian Brand Color Palette */
/* Use these CSS custom properties in your projects */

:root {
  /* Primary Colors */
  --guardian-red: #DC2626;
  --guardian-red-dark: #B91C1C;
  --guardian-red-light: #FEE2E2;

  /* Neutral Colors */
  --guardian-slate-dark: #1F2937;
  --guardian-slate: #475467;
  --guardian-gray: #6B7280;
  --guardian-gray-light: #9CA3AF;
  --guardian-gray-lighter: #D1D5DB;
  --guardian-gray-lightest: #F5F5F7;
  --guardian-white: #FFFFFF;

  /* Status Colors */
  --guardian-status-danger: #DC2626;
  --guardian-status-warning: #F59E0B;
  --guardian-status-success: #10B981;
  --guardian-status-info: #3B82F6;

  /* Text Colors */
  --guardian-text-primary: #1F2937;
  --guardian-text-secondary: #6B7280;
  --guardian-text-tertiary: #9CA3AF;
  --guardian-text-inverse: #FFFFFF;
}

/* Utility Classes */
.bg-guardian-red { background-color: #DC2626; }
.bg-guardian-slate-dark { background-color: #1F2937; }
.bg-guardian-gray-lightest { background-color: #F5F5F7; }
.bg-guardian-white { background-color: #FFFFFF; }

.text-guardian-red { color: #DC2626; }
.text-guardian-slate-dark { color: #1F2937; }
.text-guardian-gray { color: #6B7280; }
.text-guardian-white { color: #FFFFFF; }