/* =========================================================
   MRDS 1.0 – Base
   Farben, Typografie, Grundelemente
   ========================================================= */
/* =========================================================
   MRDS Theme Tokens – Light & Dark
   ========================================================= */

:root {
  color-scheme: light;

  --mr-primary: #234a93;
  --mr-primary-dark: #1b3870;
  --mr-primary-light: #3d66b8;

  --mr-grey: #a7a7a7;
  --mr-grey-dark: #7f7f7f;
  --mr-grey-light: #e8e8e8;

  --mr-bg: #f5f6f8;
  --mr-surface: #ffffff;
  --mr-surface-soft: #f0f2f5;
  --mr-border: #dddddd;

  --mr-text: #2b2b2b;
  --mr-muted: #666666;
  --mr-heading: #252525;

  --mr-success: #2f855a;
  --mr-warning: #b7791f;
  --mr-danger: #c53030;

  --mr-radius-sm: 10px;
  --mr-radius-md: 16px;
  --mr-radius-lg: 24px;

  --mr-shadow-sm: 0 6px 18px rgba(0,0,0,.06);
  --mr-shadow-md: 0 12px 30px rgba(0,0,0,.10);

  --mr-max: 1180px;
}

/* Manuell aktivierbarer Dark Mode */
[data-theme="dark"] {
  color-scheme: dark;

  --mr-bg: #101418;
  --mr-surface: #171d24;
  --mr-surface-soft: #202833;
  --mr-border: #303a46;

  --mr-text: #e7ecf2;
  --mr-muted: #aeb8c5;
  --mr-heading: #ffffff;

  --mr-primary: #6f95e8;
  --mr-primary-dark: #4d75d1;
  --mr-primary-light: #9bb8ff;

  --mr-grey: #8f99a6;
  --mr-grey-dark: #6f7884;
  --mr-grey-light: #27313c;

  --mr-shadow-sm: 0 8px 24px rgba(0,0,0,.28);
  --mr-shadow-md: 0 14px 38px rgba(0,0,0,.38);
}

/* Optional: automatisch nach Systemeinstellung */
@media (prefers-color-scheme: dark) {
  body.mr-auto-dark {
    color-scheme: dark;

    --mr-bg: #101418;
    --mr-surface: #171d24;
    --mr-surface-soft: #202833;
    --mr-border: #303a46;

    --mr-text: #e7ecf2;
    --mr-muted: #aeb8c5;
    --mr-heading: #ffffff;

    --mr-primary: #6f95e8;
    --mr-primary-dark: #4d75d1;
    --mr-primary-light: #9bb8ff;

    --mr-grey: #8f99a6;
    --mr-grey-dark: #6f7884;
    --mr-grey-light: #27313c;

    --mr-shadow-sm: 0 8px 24px rgba(0,0,0,.28);
    --mr-shadow-md: 0 14px 38px rgba(0,0,0,.38);
  }
}

:root,
[data-theme="dark"],
body.mr-auto-dark {
  --mr-card: var(--mr-surface);
  --mr-dark: var(--mr-heading);
  --mr-dark-soft: var(--mr-text);
  --mr-blue: var(--mr-primary);
  --mr-blue-light: var(--mr-primary-light);
}

:root {
  --mr-primary: #234a93;
  --mr-primary-dark: #1b3870;
  --mr-primary-light: #3d66b8;

  --mr-grey: #a7a7a7;
  --mr-grey-dark: #7f7f7f;
  --mr-grey-light: #e8e8e8;

  --mr-dark: #252525;
  --mr-dark-soft: #3a3a3a;

  --mr-bg: #f5f6f8;
  --mr-card: #ffffff;
  --mr-border: #dddddd;
  --mr-text: #2b2b2b;
  --mr-muted: #666666;

  --mr-success: #2f855a;
  --mr-warning: #b7791f;
  --mr-danger: #c53030;

  --mr-radius-sm: 10px;
  --mr-radius-md: 16px;
  --mr-radius-lg: 24px;

  --mr-shadow-sm: 0 6px 18px rgba(0,0,0,.06);
  --mr-shadow-md: 0 12px 30px rgba(0,0,0,.10);

  --mr-max: 1180px;

  --mr-brand-mark: url("https://www.motorregelung.de/wp/wp-content/uploads/2020/02/Molitor-Logo-ohne-Hintergrund-nur-Rauten.webp");
}

.mr-page {
  color: var(--mr-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mr-page *,
.mr-page *::before,
.mr-page *::after {
  box-sizing: border-box;
}

.mr-page h1,
.mr-page h2,
.mr-page h3,
.mr-page h4 {
  font-family: Syne, Inter, system-ui, sans-serif;
  color: var(--mr-dark);
  line-height: 1.15;
}

.mr-page p {
  line-height: 1.7;
}

.mr-page a {
  color: var(--mr-primary);
}

.mr-page img {
  max-width: 100%;
  height: auto;
}