/* UTees Official Brand Colors */
:root {
  /* Primary Brand Colors - From Brand Guidelines */
  --utees-primary: #68cbda;        /* UTees Primary Blue */
  --utees-primary-dark: #4db8c9;   /* Darker blue for hover states */
  --utees-primary-light: #8cd6e3;  /* Lighter blue for accents */
  --utees-primary-rgb: 104, 203, 218;
  
  /* Core Brand Palette */
  --utees-dark-gray: #414042;      /* UTees Dark Gray */
  --utees-light-gray: #bbbbbb;     /* UTees Light Gray */
  --utees-white: #ffffff;          /* UTees White */
  
  /* Extended Palette for UI */
  --utees-success: #28a745;        /* Green for success */
  --utees-warning: #ffc107;        /* Yellow for warnings */
  --utees-danger: #dc3545;         /* Red for errors */
  --utees-info: #17a2b8;           /* Info blue */
  
  /* Neutral Grays - Based on Brand Colors */
  --utees-gray-900: #2a2a2b;       /* Darkest */
  --utees-gray-800: #414042;       /* Brand Dark Gray */
  --utees-gray-700: #58575a;
  --utees-gray-600: #707071;
  --utees-gray-500: #989899;
  --utees-gray-400: #bbbbbb;       /* Brand Light Gray */
  --utees-gray-300: #d4d4d4;
  --utees-gray-200: #e9e9e9;
  --utees-gray-100: #f5f5f5;
  --utees-white: #ffffff;
  
  /* Background Colors */
  --utees-bg-primary: #f8f9fa;
  --utees-bg-secondary: #e9ecef;
  --utees-bg-accent: rgba(0, 102, 204, 0.05);
  
  /* Text Colors */
  --utees-text-primary: #212529;
  --utees-text-secondary: #6c757d;
  --utees-text-muted: #adb5bd;
  
  /* Border Colors */
  --utees-border-light: #dee2e6;
  --utees-border-medium: #ced4da;
  --utees-border-dark: #adb5bd;
}

/* Usage Examples:
 * background-color: var(--utees-primary);
 * color: var(--utees-text-primary);
 * border: 1px solid var(--utees-border-light);
 */