/* HPE Fonts */
@font-face {
  font-family: "HPE Graphik";
  src: url("../fonts/HPE Graphik-Black.f3c039d77b0d.otf") format("opentype");
  font-weight: 100 900;
  font-style: normal;
}

/* HPE Brand Color Palette */
:root {

  /* Primary */
  --hpe-white: #ffffff;
  --hpe-black: #000000;
  --hpe-midnight: #292d3a;
  --hpe-green: #01a982;

  /* Secondary */
  --hpe-jade: #05cc93;
  --hpe-mint: #00e0af;
  --hpe-cyan: #62e5f6;
  --hpe-blue: #0070f8;
  --hpe-purple: #7764fc;

  /* Neutrals */
  --hpe-light-cloud: #f7f7f7;
  --hpe-cloud: #e6e8e9;
  --hpe-dark-cloud: #d4d8db;
  --hpe-slate: #b1b9be;
  --hpe-light-carbon: #7d8a92;
  --hpe-carbon: #535c66;
  --hpe-dark-carbon: #3e4550;
  --hpe-charcoal: #111212;

}

/* Pico overrides — must match Pico's selector specificity */
:root:not([data-theme=dark]),
[data-theme=light] {
  --pico-primary: #01a982;
  --pico-primary-background: #01a982;
  --pico-primary-border: #01a982;
  --pico-primary-underline: rgba(1, 169, 130, 0.5);
  --pico-primary-hover: #05cc93;
  --pico-primary-hover-background: #019e7a;
  --pico-primary-hover-border: #019e7a;
  --pico-primary-hover-underline: rgba(1, 169, 130, 0.5);
  --pico-primary-focus: rgba(1, 169, 130, 0.375);
  --pico-primary-inverse: #ffffff;

  --pico-color: #292d3a;
  --pico-background-color: #ffffff;
  --pico-card-background-color: #ffffff;
  --pico-card-border-color: #e6e8e9;

  --pico-muted-color: #7d8a92;
  --pico-muted-border-color: #d4d8db;

  --pico-contrast: #111212;
  --pico-contrast-background: #292d3a;
  --pico-contrast-inverse: #ffffff;

  --pico-form-element-background-color: #f7f7f7;
  --pico-form-element-border-color: #b1b9be;
  --pico-form-element-color: #292d3a;
  --pico-form-element-placeholder-color: #7d8a92;
  --pico-form-element-active-background-color: #ffffff;
  --pico-form-element-active-border-color: #01a982;
  --pico-form-element-focus-color: #01a982;

  --pico-table-border-color: #e6e8e9;
  --pico-table-row-stripped-background-color: #f7f7f7;
}

h1,
h2,
h3,
h4 {
  font-family: "HPE Graphik", system-ui, sans-serif;
  font-weight: 900;
}