/* DoughPoint Brand Theme */
/* CSS Custom Properties for DoughPoint branding and color scheme */
/* Primary brand color: #002b5b (Dark Navy Blue) with complementary palette */

:root {
  /* DoughPoint Brand Colors */
  --doughpoint-primary: #002b5b;        /* Dark Navy - Primary brand */
  --doughpoint-primary-light: #003d7a;  /* Lighter Navy - Hover states */
  --doughpoint-primary-dark: #001a3d;   /* Darker Navy - Active states */

  /* Accent Colors */
  --doughpoint-accent: #f39c12;         /* Warm Gold - CTAs, highlights */
  --doughpoint-accent-light: #f5b041;   /* Light Gold - Hover */
  --doughpoint-accent-dark: #d68910;    /* Dark Gold - Active */

  /* Neutral Colors */
  --doughpoint-gray-100: #f8f9fa;       /* Light backgrounds */
  --doughpoint-gray-200: #e9ecef;       /* Borders, dividers */
  --doughpoint-gray-600: #6c757d;       /* Secondary text */
  --doughpoint-gray-900: #212529;       /* Primary text */

  /* Semantic Colors */
  --doughpoint-success: #27ae60;        /* Green - Success states */
  --doughpoint-warning: #f39c12;        /* Gold - Warning (same as accent) */
  --doughpoint-danger: #e74c3c;         /* Red - Errors, deletions */
  --doughpoint-info: #3498db;           /* Light Blue - Information */

  /* Gradients */
  --doughpoint-gradient: linear-gradient(135deg, #002b5b 0%, #003d7a 100%);
  --doughpoint-accent-gradient: linear-gradient(135deg, #f39c12 0%, #f5b041 100%);

  /* Focus Colors for Accessibility */
  --doughpoint-focus-color: #86b7fe;
  --doughpoint-focus-shadow: rgba(0, 43, 91, 0.25);
}