/* ============================================================
   Design-System – abgeleitet aus der bestehenden LP
   (training.melicus-akademie.de)
   ============================================================ */

:root {
    /* ---- Markenfarben ---- */
    --color-cream:      #efecea;   /* heller Hintergrund */
    --color-dark:       #251417;   /* Dunkelbraun – Text & dunkle Sektionen */
    --color-accent:     #dc663b;   /* Terrakotta/Rost – Buttons & Akzente */
    --color-accent-dark:#c4542d;   /* Hover-Zustand des Akzents */
    --color-sand:       #dac29d;   /* Sandbeige – sekundär */
    --color-text:       #444444;   /* Fließtext */
    --color-white:      #ffffff;
    --color-black:      #000000;

    /* ---- Typografie ---- */
    --font-body:   'Instrument Sans', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
    --font-head:   'Instrument Sans', -apple-system, system-ui, 'Segoe UI', Roboto, sans-serif;
    --head-weight: 600;
    --head-spacing: -0.4px;
    --head-line:   1.3;
    --body-line:   1.6;

    /* ---- Abstände / Form ---- */
    --radius:      10px;
    --radius-lg:   16px;
    --maxw:        1080px;        /* Content-Breite */
    --shadow:      0 10px 30px rgba(37, 20, 23, 0.10);
    --shadow-btn:  0 6px 16px rgba(220, 102, 59, 0.35);
}