/* Red Hat brand styling for the tutorial site.
   Color palette and typography per https://www.redhat.com/en/about/brand/standards */

:root {
  --rh-red-50:    #ee0000;
  --rh-red-60:    #be0000;
  --rh-gray-10:   #f2f2f2;
  --rh-gray-20:   #e0e0e0;
  --rh-gray-30:   #c7c7c7;
  --rh-gray-40:   #a3a3a3;
  --rh-gray-50:   #707070;
  --rh-gray-60:   #4d4d4d;
  --rh-gray-80:   #292929;
  --rh-gray-95:   #151515;
  --rh-orange-40: #f5921b;
  --rh-yellow-30: #ffcc17;
  --rh-teal-50:   #37a3a3;
  --rh-purple-50: #5e40be;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color:        var(--rh-red-50);
  --md-primary-fg-color--light: var(--rh-red-50);
  --md-primary-fg-color--dark:  var(--rh-red-60);
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-typeset-a-color:         var(--rh-red-50);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color:         var(--rh-red-50);
  --md-accent-fg-color--transparent: #ee00001a;
  --md-accent-bg-color:         #ffffff;
  --md-accent-bg-color--light:  #ffffffb3;
}

[data-md-color-scheme="slate"][data-md-color-primary="custom"] {
  --md-typeset-a-color: #ff5252;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6,
.md-header__title,
.md-nav__title {
  font-family: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset h1 {
  font-weight: 800;
}

/* Admonition tints — secondary palette per Red Hat standards.
   note     → teal     (informational)
   tip      → purple   (advice / pro tips)
   warning  → orange   (caution)
   danger   → Red Hat red (already brand-default; left as-is)
   The Material defaults are overridden via the --md-admonition-icon
   color tokens that ship with each admonition class. */

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--rh-teal-50);
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #37a3a31a;
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: var(--rh-teal-50);
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--rh-purple-50);
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: #5e40be1a;
}
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: var(--rh-purple-50);
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: var(--rh-orange-40);
}
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: #f5921b1a;
}
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-color: var(--rh-orange-40);
}