/* Modilo application UI. Never apply these tokens to serialized print objects. */
@font-face {
  font-family: "Modilo UI";
  src: url("/static/fonts/default/Inter.ttf") format("truetype");
  font-display: swap;
}
:root {
  --m-font: "Modilo UI", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --m-font-sm: 12px;
  --m-font-md: 14px;
  --m-font-lg: 16px;
  --m-line: 1.5;
  --m-bg: #f1f1f1;
  --m-surface: #fff;
  --m-surface-hover: #f7f7f7;
  --m-surface-selected: #f0ebfc;
  --m-text: #303030;
  --m-muted: #616161;
  --m-border: #e1e3e5;
  --m-border-strong: #b5b5b5;
  --m-primary: #6741d9;
  --m-primary-hover: #5030b2;
  --m-accent-teal: #087f91;
  --m-accent-teal-bg: #e5f5f7;
  --m-on-primary: #fff;
  --m-disabled: #e3e3e3;
  --m-disabled-text: #757575;
  --m-focus: #1a56db;
  --m-link: #1a56db;
  --m-success: #014b40;
  --m-success-bg: #cdfee1;
  --m-warning: #5e4200;
  --m-warning-bg: #ffef9d;
  --m-danger: #8e1f0b;
  --m-danger-bg: #fee9e8;
  --m-danger-hover: #671b10;
  --m-info: #00527c;
  --m-info-bg: #e0f0ff;
  --m-space-1: 4px;
  --m-space-2: 8px;
  --m-space-3: 12px;
  --m-space-4: 16px;
  --m-space-5: 20px;
  --m-space-6: 24px;
  --m-space-8: 32px;
  --m-radius-control: 0;
  --m-radius-card: 0;
  --m-radius-dialog: 0;
  --m-shadow: 0 1px 0 #00000012, 0 1px 3px #0000000d;
  --m-shadow-dialog: 0 8px 40px #00000026;
  --m-motion: 120ms;
}
