/* Musik aktiv – Design-Tokens (helles Thema), erzeugt aus tokens.json des Designsystems */
:root {
  --ma-ink: #111416;
  --ma-black: #000000;
  --ma-paper: #faf8f3;
  --ma-card: #ffffff;
  --ma-white: #ffffff;
  --ma-orange: #e8924f;
  --ma-orange-text: #b65d18;
  --ma-teal: #1f737a;
  --ma-teal-dark: #17616a;
  --ma-teal-mid: #3f8d93;
  --ma-teal-light: #6faeb2;
  --ma-teal-mist: #dce3e3;
  --ma-h1-from: #e3eee7;
  --ma-h1-to: #fbebd8;
  --ma-h1-accent: #9ccbb4;
  --ma-h2-from: #fad3a4;
  --ma-h2-to: #ec9750;
  --ma-h2-accent: #f2a766;
  --ma-lb-from: #f2eee4;
  --ma-lb-to: #e2daca;
  --ma-hero-mid: #f4f5ec;
  --ma-muted: #4a5254;
  --ma-soft: #5b6466;
  --ma-prose: #2a3133;
  --ma-faint: #8a9193;
  --ma-line: rgba(17, 20, 22, .1);
  --ma-well: #f0eee7;
  --ma-cell: #f4f2ec;
  --ma-cell-alt: #ece9e1;
  --ma-footer-bg: #efede6;
  --ma-modal-bg: #e9e6df;
  --ma-video-bg: #0d0f10;
  --ma-ph-from: #fbfaf6;
  --ma-ph-to: #e7e2d6;
  --ma-error: #b3261e;
  --ma-ok-ink: #1f4d3a;
  --ma-err-bg: #fbe7e4;
  --ma-err-ink: #8a1f17;
  --ma-warn-ink: #a3501a;
  --ma-hint-bg: #fff6e5;
  --ma-on-ink: #ffffff;
  --ma-ink-hover: #000000;
  --ma-on-bright: #111416;
  --ma-link: var(--ma-teal-dark);
  --ma-player: #111416;
  --ma-header-bg: rgba(255, 255, 255, .95);
  --ma-hover: rgba(17, 20, 22, .06);
  --ma-line-mid: rgba(17, 20, 22, .12);
  --ma-ring: rgba(17, 20, 22, .07);
  --ma-border-chip: rgba(17, 20, 22, .2);
  --ma-border-field: rgba(17, 20, 22, .22);
  --ma-border-hover: rgba(17, 20, 22, .4);
  --ma-chip-static: rgba(255, 255, 255, .78);
  --ma-wave: rgba(17, 20, 22, .08);
  --ma-gap-xs: 6px;
  --ma-gap-sm: 12px;
  --ma-stack: 18px;
  --ma-gap: 24px;
  --ma-gutter: 32px;
  --ma-stack-lg: 36px;
  --ma-sec-sm: 48px;
  --ma-split: 56px;
  --ma-sec-top: 72px;
  --ma-spacer: 96px;
  --ma-sec: 112px;
  --ma-radius-bar: 2px;
  --ma-radius-xs: 4px;
  --ma-radius-sm: 6px;
  --ma-radius-8: 8px;
  --ma-radius-10: 10px;
  --ma-radius-12: 12px;
  --ma-radius: 14px;
  --ma-radius-lg: 16px;
  --ma-shadow: 0 1px 0 rgba(17, 20, 22, .04), 0 0 0 1px rgba(17, 20, 22, .06);
  --ma-shadow-lg: 0 28px 56px -30px rgba(17, 20, 22, .45), 0 0 0 1px rgba(17, 20, 22, .06);
  --ma-shadow-cover: 0 26px 40px -22px rgba(17, 20, 22, .55);
  --ma-shadow-btn: 0 12px 24px -14px rgba(17, 20, 22, .6);
  --ma-shadow-float: 0 20px 50px -20px rgba(0, 0, 0, .6);
  --ma-wrap: 1200px;
  --ma-header-h: 76px;
  --font-sans: Akko, system-ui, -apple-system, "Segoe UI", sans-serif;
}