/* generiert aus tokens/tokens.json, nicht von Hand ändern */
:root {
  color-scheme: dark;
  --mg-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mg-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --mg-size-1: 12px;
  --mg-size-2: 14px;
  --mg-size-3: 16px;
  --mg-size-4: 20px;
  --mg-size-5: 26px;
  --mg-size-6: 34px;
  --mg-space-1: 4px;
  --mg-space-2: 8px;
  --mg-space-3: 12px;
  --mg-space-4: 16px;
  --mg-space-5: 24px;
  --mg-space-6: 32px;
  --mg-space-7: 48px;
  --mg-radius-sm: 4px;
  --mg-radius-md: 8px;
  --mg-radius-lg: 12px;
  --mg-bg: #081013;
  --mg-surface: #13242A;
  --mg-surface-2: #1A3139;
  --mg-line: #26434C;
  --mg-ink: #E4EEF0;
  --mg-muted: #8FA3A8;
  --mg-faint: #758D92;
  --mg-glut: #FF8A4F;
  --mg-glut-text: #FF8A4F;
  --mg-mag: #FF00FF;
  --mg-mag-text: #FF00FF;
  --mg-ok: #3FC98A;
  --mg-warn: #F2C14E;
  --mg-err: #F2545B;
  --mg-info: #72C2C3;
  --mg-petrol-700: #1C5560;
  --mg-petrol-600: #156C79;
  --mg-petrol-500: #1A8494;
  --mg-petrol-400: #3FA3A8;
  --mg-petrol-300: #72C2C3;
  --mg-petrol-200: #A9DCDB;
  --mg-tile-1: #1A8494;
  --mg-tile-2: #156C79;
  --mg-tile-3: #1C5560;
  --mg-tile-4: #FF8A4F;
  --mg-tile-5: #A9DCDB;
  --mg-tile-6: #72C2C3;
  --mg-tile-7: #3FA3A8;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --mg-bg: #F3F6F7;
    --mg-surface: #FFFFFF;
    --mg-surface-2: #E8EEF0;
    --mg-line: #D3DDE0;
    --mg-ink: #0B1316;
    --mg-muted: #4A5C61;
    --mg-faint: #637378;
    --mg-glut: #FF7A3D;
    --mg-glut-text: #B04816;
    --mg-mag: #FF00FF;
    --mg-mag-text: #C000C0;
    --mg-ok: #1A7F51;
    --mg-warn: #946600;
    --mg-err: #C62F36;
    --mg-info: #156C79;
    --mg-petrol-700: #1C5560;
    --mg-petrol-600: #156C79;
    --mg-petrol-500: #1A8494;
    --mg-petrol-400: #156C79;
    --mg-petrol-300: #187C8B;
    --mg-petrol-200: #3FA3A8;
    --mg-tile-1: #167584;
    --mg-tile-2: #0F5965;
    --mg-tile-3: #0A3740;
    --mg-tile-4: #FF7A3D;
    --mg-tile-5: #A9DCDB;
    --mg-tile-6: #72C2C3;
    --mg-tile-7: #3FA3A8;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --mg-bg: #F3F6F7;
  --mg-surface: #FFFFFF;
  --mg-surface-2: #E8EEF0;
  --mg-line: #D3DDE0;
  --mg-ink: #0B1316;
  --mg-muted: #4A5C61;
  --mg-faint: #637378;
  --mg-glut: #FF7A3D;
  --mg-glut-text: #B04816;
  --mg-mag: #FF00FF;
  --mg-mag-text: #C000C0;
  --mg-ok: #1A7F51;
  --mg-warn: #946600;
  --mg-err: #C62F36;
  --mg-info: #156C79;
  --mg-petrol-700: #1C5560;
  --mg-petrol-600: #156C79;
  --mg-petrol-500: #1A8494;
  --mg-petrol-400: #156C79;
  --mg-petrol-300: #187C8B;
  --mg-petrol-200: #3FA3A8;
  --mg-tile-1: #167584;
  --mg-tile-2: #0F5965;
  --mg-tile-3: #0A3740;
  --mg-tile-4: #FF7A3D;
  --mg-tile-5: #A9DCDB;
  --mg-tile-6: #72C2C3;
  --mg-tile-7: #3FA3A8;
}