/* =============================================================
   UNM Material Theme
   Schemes: "unm" (light) · "unm-dark" (dark)
   Compatible with: mkdocs-material >= 9.x
   ============================================================= */

/* ── Light ───────────────────────────────────────────────────── */
[data-md-color-scheme="unm"] {
  color-scheme: light;

  /* Canvas
     Near-pure white with the faintest cool tint — cleaner than
     a warm off-white but less sterile than #fff.               */
  --md-default-fg-color:             hsla(225, 15%, 12%, 0.87);
  --md-default-fg-color--light:      hsla(225, 15%, 12%, 0.54);
  --md-default-fg-color--lighter:    hsla(225, 15%, 12%, 0.32);
  --md-default-fg-color--lightest:   hsla(225, 15%, 12%, 0.07);

  --md-default-bg-color:             hsl(225, 25%, 99%);
  --md-default-bg-color--light:      hsla(225, 25%, 99%, 0.54);
  --md-default-bg-color--lighter:    hsla(225, 25%, 99%, 0.26);
  --md-default-bg-color--lightest:   hsla(225, 25%, 99%, 0.07);

  /* Custom Spoiler Color (Solid 100% opacity so text doesn't bleed through) */
  --md-spoiler-color:                hsl(225, 15%, 12%);

  /* Primary — UNM Cherry
     Header bar and active nav uses the full cherry; text
     on top of it stays pure white for maximum clarity.         */
  --md-primary-fg-color:             #ba0c2f;
  --md-primary-fg-color--light:      #d4294d;
  --md-primary-fg-color--dark:       #8a0922;
  --md-primary-bg-color:             hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light:      hsla(0, 0%, 100%, 0.7);

  /* Accent — UNM Turquoise
     Used for hover states, active indicators, buttons.        */
  --md-accent-fg-color:              #007a86;
  --md-accent-fg-color--transparent: rgba(0, 122, 134, 0.08);
  --md-accent-bg-color:              hsla(0, 0%, 100%, 1);
  --md-accent-bg-color--light:       hsla(0, 0%, 100%, 0.7);

  /* Code blocks
     Slightly cooler tint than canvas to subtly set them apart. */
  --md-code-fg-color:                hsl(225, 15%, 20%);
  --md-code-bg-color:                hsl(225, 20%, 95%);

  /* Typeset */
  --md-typeset-a-color:              #007a86;

  /* Admonitions — remap to UNM palette where relevant
     (Material reads these from the primary/accent cascade,
     but explicit values keep things predictable.)             */
  --md-admonition-fg-color:          hsla(225, 15%, 12%, 0.87);
  --md-admonition-bg-color:          hsl(225, 25%, 99%);

  /* Footer — deep cherry anchors the bottom to match header   */
  --md-footer-fg-color:              hsla(0, 0%, 100%, 0.87);
  --md-footer-fg-color--light:       hsla(0, 0%, 100%, 0.57);
  --md-footer-fg-color--lighter:     hsla(0, 0%, 100%, 0.32);
  --md-footer-bg-color:              #8a0922;
  --md-footer-bg-color--dark:        #6d071b;

  /* Shadows — crisp and cool, matching the canvas tint        */
  --md-shadow-z1:
    0 4px 10px hsla(225, 20%, 50%, 0.14),
    0 1px  2px hsla(225, 20%, 50%, 0.10);
  --md-shadow-z2:
    0 4px 10px hsla(225, 20%, 50%, 0.18),
    0 2px  4px hsla(225, 20%, 50%, 0.14);
  --md-shadow-z3:
    0 4px 10px hsla(225, 20%, 50%, 0.22),
    0 4px  8px hsla(225, 20%, 50%, 0.18);

  /* UNM secondary palette */
  --unm-cherry:        #ba0c2f;
  --unm-turquoise:     #007a86;
  --unm-silver:        #a7a8aa;
  --unm-lobo-gray:     #63666a;
  --unm-high-noon:     #ffc600;
  --unm-sandia-sunset: #ed8b00;
  --unm-terra:         #c05131;
  --unm-mesa:          #d6a461;
  --unm-green-chile:   #a8aa19;
  --unm-deep-dusk:     #8a387c;
}

/* Sets up the container */
.spoiler {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 4px;
  border-radius: 4px;
}

/* Creates a solid block that covers the text and emojis completely */
.spoiler::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--md-spoiler-color);
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

/* Fades the covering block away on hover or tap */
.spoiler:hover::after,
.spoiler:active::after {
  opacity: 0;
}