/* scoria.ragtux.com — the brand orange over the shared stylesheet.
   The hues are the ones fixed in the repository's vault (docs/scoria/Scoria.md,
   2026-10-17): #E8590C for the logo and large marks, #C2410C for text and links
   on light backgrounds (5.2:1 on white), #F2691F on the dark theme (5.4:1).
   Only the accent tokens move; everything else is the shared palette.

   --pop, which is orange in the shared sheet, becomes red here: it marks
   warnings, and beside an orange accent an orange warning stops reading as one. */

:root {
  --brand:#E8590C;
  --accent:#F2691F; --accent-fg:#fff; --accent-soft:rgba(242,105,31,.15);
  --pop:#f2545b; --c-source:#d98324;
}
:root[data-theme="light"] {
  --accent:#C2410C; --accent-fg:#fff; --accent-soft:rgba(194,65,12,.10);
  --pop:#c0392b; --c-source:#9a5a00;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --accent:#C2410C; --accent-fg:#fff; --accent-soft:rgba(194,65,12,.10);
    --pop:#c0392b; --c-source:#9a5a00;
  }
}

/* The landing page's status badge. The shared .badge is green, which reads as
   "ready"; an alpha says so in the warning color instead. */
.hero .badge.pre { color:var(--pop); }

/* The logo above the hero heading. It is the repository's bitmap.svg, so it
   carries #E8590C whatever the theme — which is the point of a brand mark.
   The shared sheet frames .prose img for screenshots; a logo is not one. */
.hero .mark {
  display:block; width:84px; height:auto; margin:0 0 20px;
  border:0; border-radius:0;
}