/* SPRONEXT Brand Color Palette */

:root {
  /* Primary Brand Colors (from PDF) */
  --spronext-teal: #1A7B73; /* Primary teal from logo */
  --spronext-teal-light: #2A9B93;
  --spronext-teal-dark: #0F5E58;
  
  /* Secondary Colors */
  --spronext-white: #FFFFFF;
  --spronext-black: #000000;
  --spronext-gray-100: #F8F9FA;
  --spronext-gray-200: #E9ECEF;
  --spronext-gray-300: #DEE2E6;
  --spronext-gray-500: #6C757D;
  --spronext-gray-700: #495057;
  --spronext-gray-900: #212529;
  
  /* Accent Colors for SmartFoodNet style */
  --accent-blue: #4A90E2;
  --accent-green: #7ED321;
  --accent-orange: #F5A623;
  
  /* Background Colors */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8F9FA;
  --bg-teal: var(--spronext-teal);
  
  /* Text Colors */
  --text-primary: #212529;
  --text-secondary: #6C757D;
  --text-white: #FFFFFF;
  --text-teal: var(--spronext-teal);
}

/* Color Usage Examples */
.color-palette {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  padding: 20px;
}

.color-card {
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  color: white;
  font-weight: bold;
}

.color-teal { background-color: var(--spronext-teal); }
.color-teal-light { background-color: var(--spronext-teal-light); }
.color-teal-dark { background-color: var(--spronext-teal-dark); }
.color-blue { background-color: var(--accent-blue); }
.color-green { background-color: var(--accent-green); }
.color-orange { background-color: var(--accent-orange); }