/* HPE Design System Colors - Extracted from hpe-design-tokens v2.x */
/* Generated automatically - Do not edit manually */

:root {
  /* ========================================
     HPE BRAND COLORS (Official Design System)
     ======================================== */
  
  /* Primary Brand Color - HPE Green */
  --hpe-brand: #01a982;
  --hpe-green: #05cc93;
  --hpe-green-hover: #006750;
  --hpe-green-light: #e6f7f3;
  
  /* Background Colors */
  --hpe-bg-default: #ffffff;
  --hpe-bg-back: #f7f7f7;
  --hpe-bg-front: #ffffff;
  --hpe-bg-contrast: rgba(0, 0, 0, 0.04);
  --hpe-bg-primary-strong: #068667;
  --hpe-bg-primary-xstrong: #093d32;
  --hpe-bg-neutral-xstrong: #292d3a;
  
  /* Text Colors */
  --hpe-text-default: #3e4550;
  --hpe-text-strong: #292d3a;
  --hpe-text-weak: #606a70;
  --hpe-text-heading: #292d3a;
  --hpe-text-primary: #006750;
  --hpe-text-on-primary: #ffffff;
  --hpe-text-placeholder: #606a70;
  
  /* Border Colors */
  --hpe-border-default: #b1b9be;
  --hpe-border-strong: #3e4550;
  --hpe-border-weak: #d4d8db;
  --hpe-border-selected: #006750;
  
  /* Icon Colors */
  --hpe-icon-default: #3e4550;
  --hpe-icon-strong: #292d3a;
  --hpe-icon-weak: #606a70;
  
  /* Decorative Colors */
  --hpe-decorative-brand: #01a982;
  --hpe-decorative-green: #05cc93;
  --hpe-decorative-purple: #7764fc;
  --hpe-decorative-cyan: #62e5f6;
  --hpe-decorative-blue: #0070f8;
  --hpe-decorative-neutral: #7d8a92;
  
  /* Status Colors */
  --hpe-status-ok: #009a71;
  --hpe-status-ok-bg: #d1ffee;
  --hpe-status-warning: #d36d00;
  --hpe-status-warning-bg: #fff3dd;
  --hpe-status-critical: #ec3331;
  --hpe-status-critical-bg: #ffecec;
  --hpe-status-info-bg: #e3f1ff;
  
  /* Foreground/Primary */
  --hpe-foreground-primary: #006750;
  
  /* Gradients */
  --hpe-gradient-green: linear-gradient(135deg, #01a982 0%, #05cc93 100%);
  --hpe-gradient-dark: linear-gradient(180deg, #292d3a 0%, #3e4550 100%);
  --hpe-gradient-hero: linear-gradient(135deg, #f7f7f7 0%, #ffffff 50%, #e6f7f3 100%);
  
  /* Legacy Variables (for backwards compatibility) */
  --hpe-dark: #292d3a;
  --hpe-dark-secondary: #3e4550;
  --hpe-purple: #7764fc;
  --hpe-text-light: #ffffff;
  --hpe-text-muted: #606a70;
  --hpe-text-dark: #292d3a;
  --hpe-border: #b1b9be;
}

/* Dark Mode */
[data-theme="dark"],
.hpe-dark-mode {
  --hpe-brand: #01a982;
  --hpe-green: #068667;
  --hpe-bg-default: #1d1f27;
  --hpe-bg-back: #1d1f27;
  --hpe-bg-front: #292d3a;
  --hpe-bg-contrast: rgba(255, 255, 255, 0.06);
  --hpe-text-default: #e6e8e9;
  --hpe-text-strong: #ffffff;
  --hpe-text-weak: #b1b9be;
  --hpe-text-heading: #ffffff;
  --hpe-border-default: rgba(255, 255, 255, 0.36);
  --hpe-border-strong: rgba(255, 255, 255, 0.72);
  --hpe-icon-default: #e6e8e9;
  --hpe-decorative-purple: #7764fc;
  --hpe-decorative-cyan: #00a4b3;
  --hpe-decorative-blue: #0070f8;
}