/**
 * Brand: Default
 * Token overrides only — all structural rules live in mpstyles-base.css
 */

/* Light mode palette */
.light-theme {
  --mp-app-background: #f2f3f5;
  --mp-component-background: #ffffff;
  --mp-component-border: #d9e1ea;
  --mp-element-background: #e8e8e8;
  --mp-primary: #0064d3;
  --mp-primary-hover: #1a74d7;
  --mp-accent: #5f5f5f;
  --mp-error: #ca3838;
  --mp-success: #237d21;
  --mp-warning: #fe9803;
  --mp-hinweis: #deffff;
  --mp-hinweis-invert: #007e7e;
  --mp-text: #23252a;
  --mp-text-invert: #ffffff;
  --mp-text-disabled: #6f7888;

  /* border radius */
  --corner-radius-small: 6px;

  /* table */
  --mp-table-header: #23252a;
  --mp-table-row-even: #d9e1ea;
  --mp-table-row-odd: #ffffff;
  --mp-table-row-selectable: #cce0f6;
  --mp-table-row-edit: #0064d3;

  /* html editor */
  --mp-editor-button: ;
  --mp-editor-button-content: ;
  --mp-editor-button-content-disabled: ;

  /* input checkbox border */
  --mp-input-checkbox: #8b96a5;

  /* default transition */
  --mp-default-transition: all 0.3s ease-in-out;

  /* dialog */
  --mp-dialog-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 12px 40px -4px rgba(0, 0, 0, 0.11);
}

/* Dark mode palette */
.dark-theme {
  --mp-app-background: #23252a;
  --mp-component-background: #313940;
  --mp-component-border: #374652;
  --mp-element-background: #374652;
  --mp-primary: #1daeff;
  --mp-primary-hover: #007bce;
  --mp-accent: #e4e4e4;
  --mp-error: #ff5e5e;
  --mp-success: #67f87f;
  --mp-warning: #fec168;
  --mp-hinweis: #005e5e;
  --mp-hinweis-invert: #5dffff;
  --mp-text: #f2f3f5;
  --mp-text-invert: #374652;
  --mp-text-disabled: #8b96a5;

  /* border radius */
  --corner-radius-small: 6px;

  /* table */
  --mp-table-header: #1daeff;
  --mp-table-row-even: #374652;
  --mp-table-row-odd: #313940;
  --mp-table-row-selectable: #0c4666;
  --mp-table-row-edit: #ffffff;

  /* input checkbox border */
  --mp-input-checkbox: #f2f3f5;

  /* default transition */
  --mp-default-transition: all 0.3s ease-in-out;

  /* dialog */
  --mp-dialog-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 12px 40px -4px rgba(0, 0, 0, 0.42);
}