@import url(./txtstyle.css);
:root {
  --brand-green: #1B8043; /* Darker green for white background */
  --main-text: #222222; /* Slightly darker for better light-mode contrast */
  --bg-colour: #f4f7f4;
  --warn:#6D28D9;
  --alarm:#B91C1C;
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand-green: #4ADE80; /* Brighter, "neon" green for dark background */
    --main-text: #E0E0E0; /* Slightly darker for better light-mode contrast */
    --bg-colour: #121212;
  --warn:#A78BFA;
  --alarm:#F87171;
  }
}

.badge img { width: 200px; height: auto; }
.download {font-family: sans-serif;  margin: auto}
.screenshot {
    width: 20%;
    height: auto;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.small { font-size: small; }
.pitch {
    width: 100%;
    max-width: 650px;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.doTitle a {
  text-decoration: none;
  color: inherit; /* Keeps the green color of your H1 */
}

/* Optional: Add the underline back only when hovering */
.doTitle a:hover {
  text-decoration: underline;
}

.download {font-family: sans-serif; line-height: 1.6; margin: auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px;}

/*Sams editions*/
/* CSS for high-density screens */
@media screen and (max-width: 800px) {
    p { font-size: 14px;}
    li { font-size: 14px;}
    h1 { font-size: 18px; margin-top:1px;}
    h2 { font-size: 16px; margin-top:1px;}
    h3 { font-size: 14px;}
    .pitch text {
        font-size: 14px; /* Makes labels clearer on small screens */
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background: var(--bg-colour);
        color:var(--main-text);
    }
    h1, h2, h3, .introtxt {
        color: var(--brand-green);
    }
    a {
        color: var(--brand-green);
    }
    .error {
        border-color:var(--main-text);
    }
}