/* Shared design tokens and base styles for the Website/ pages.
   Linked by index.html, impressum.html and datenschutz.html.
   Page-specific layout rules stay in each page's inline <style> block;
   colours and the font stack are driven from the tokens below, so a
   palette change is a single edit here. */

:root {
    --bg: #ffffff;
    --text: #2d3a3a;          /* body text */
    --text-soft: #3a4a4a;     /* paragraph text */
    --heading: #1a2929;       /* h1 / h2 */
    --muted: #5a6868;         /* subtitle, captions, back-link */
    --hairline: #8a9898;      /* borders, dividers, footer text */
    --hairline-rgb: 138, 152, 152; /* same colour, for translucent borders */
    --accent: #3a5a5a;        /* links */
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    min-height: 100%;
    font-family: var(--font);
    color: var(--text);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}