/* Doomhole — gold accretion over event-horizon black. Dark-led to match the app. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;700&display=swap');

.md-typeset p, .md-typeset li { font-size: 16px; line-height: 26px; }
.md-typeset h1 { font-weight: 700; letter-spacing: -0.25px; }
.md-typeset h2 { font-weight: 600; }

/* DARK MODE (slate) — the brand default */
[data-md-color-scheme="slate"] {
  --md-hue: 28;
  --md-primary-fg-color:          #1A110F; /* warm near-black header (backgroundDark) */
  --md-primary-bg-color:          #F4B45C; /* accretion gold on the header */
  --md-primary-fg-color--light:   #2A1C18;
  --md-primary-fg-color--dark:    #0A0807; /* void */

  --md-accent-fg-color:           #F4B45C; /* gold hover */
  --md-typeset-a-color:           #F4B45C; /* body + active-nav links (gold; readable on dark) */

  --md-default-bg-color:          #140C0A;
  --md-default-fg-color:          #F1E9E4;
  --md-default-fg-color--light:   #C9BFB8;
  --md-default-fg-color--lighter: #8A7F78;
  --md-default-fg-color--lightest:#3A2E29;

  --md-code-bg-color:             #1F1512;
  --md-footer-bg-color:           #000000; /* void footer */
  --md-footer-bg-color--dark:     #000000;
  --md-footer-fg-color:           #F1E9E4;
  --md-footer-fg-color--light:    #8A7F78;
}

/* LIGHT MODE (default) */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:          #8E1500; /* deep inferno red-orange header */
  --md-primary-bg-color:          #FFFFFF;
  --md-primary-fg-color--light:   #B33A12;
  --md-primary-fg-color--dark:    #690500;

  --md-accent-fg-color:           #C2410C; /* burnt orange hover */
  --md-typeset-a-color:           #9A3412; /* body + active-nav links (readable on warm white) */

  --md-default-bg-color:          #FFF8F4; /* warm white */
  --md-default-fg-color:          #1A110F;
}

/* Homepage store-screenshot strip — compact & swipeable (small thumbnails) */
.screens {
  display: flex; gap: 14px; margin: 1.5rem 0 2rem;
  overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .6rem; scrollbar-width: thin;
}
.screens img {
  width: 150px; flex: 0 0 auto; scroll-snap-align: center;
  border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
@media (min-width: 720px) { .screens { justify-content: center; } }

/* Google Play badge on the homepage */
.md-typeset .gplay img { height: 56px; width: auto; }