/*
 * The Dais — sub-brand (dark mode).
 *
 * Activated by `body.brand--the-dais`. Inverts the parent-brand palette:
 * deep ink background, white text, sage as the primary accent. Meant for
 * the long-form, serious podcast brand covering El Paso County government.
 *
 * Contrast on --sss-ink (#1a2535) background:
 *   --sss-white   #ffffff —  14.25:1  AAA
 *   --sss-sage-light #c8e0d0 — 9.81:1  AAA
 *   --sss-sky-light  #cce0f4 — 11.03:1 AAA
 */

body.brand--the-dais {
  /* Same ink/sky/sage base, but semantic aliases flip. */
  --sss-bg:         var(--sss-ink);
  --sss-bg-alt:     var(--sss-ink-2);
  --sss-bg-surface: #0e1624;
  --sss-text:       var(--sss-white);
  --sss-text-soft:  #c8d1de;
  --sss-text-mute:  #97a4b8;
  --sss-link:       var(--sss-sage-light);
  --sss-link-hover: var(--sss-white);
  --sss-accent:     var(--sss-sage);
  --sss-accent-alt: var(--sss-sky-light);
  --sss-border:      rgba(255, 255, 255, 0.14);
  --sss-border-soft: rgba(255, 255, 255, 0.08);

  /* Focus ring color — bright sage-light carries on dark */
  --sss-focus: var(--sss-sage-light);

  background: var(--sss-bg);
  color: var(--sss-text);
}

body.brand--the-dais a {
  color: var(--sss-link);
  text-decoration-color: rgba(200, 224, 208, 0.35);
  text-underline-offset: 0.15em;
}
body.brand--the-dais a:hover,
body.brand--the-dais a:focus-visible {
  color: var(--sss-link-hover);
  text-decoration-color: currentColor;
}

body.brand--the-dais ::selection {
  background: var(--sss-sage-light);
  color: var(--sss-ink);
}