/* NDA-Versand: aus docs/design/tokens.json erzeugt, nicht von Hand ändern (tools/tokens_css.py). */
@font-face { font-family: "Manrope"; src: url("fonts/manrope-latin-wght-normal.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
:root {
  --font-sans: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  /* color */
  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface-muted: #f7f8fa;
  --border: #e4e7ec;
  --border-strong: #8b95a5;
  --text: #101828;
  --text-secondary: #475467;
  --text-tertiary: #667085;
  --accent: #c24e0a;
  --accent-strong: #a84308;
  --accent-light: #fdf0e6;
  --on-accent: #ffffff;
  --on-accent-soft: #ffffff3d;
  --focus-ring: var(--accent);
  --danger: #b91c1c;
  --danger-strong: #991b1b;
  --scrim: #10182866;
  --tile-orange: #e8731a;
  --tile-orange-deep: var(--accent);
  --tile-violet: #8f6cf2;
  --tile-violet-deep: #6d4bd6;
  --tile-green: #0e9f6e;
  --tile-green-deep: #0b7f58;
  --tile-blue: #1b8fe0;
  --tile-blue-deep: #146fb5;
  --status-sent-text: #1d4ed8;
  --status-sent-bg: #eff6ff;
  --status-sent-border: #bfdbfe;
  --status-opened-text: var(--status-sent-text);
  --status-opened-bg: var(--status-sent-bg);
  --status-opened-border: var(--status-sent-border);
  --status-waiting-text: #b45309;
  --status-waiting-bg: #fffbeb;
  --status-waiting-border: #fde68a;
  --status-signed-text: #15803d;
  --status-signed-bg: #f0fdf4;
  --status-signed-border: #bbf7d0;
  --status-declined-text: var(--danger);
  --status-declined-bg: #fef2f2;
  --status-declined-border: #fecaca;
  --status-withdrawn-text: var(--text-secondary);
  --status-withdrawn-bg: #f2f4f7;
  --status-withdrawn-border: #d0d5dd;
  --status-error-text: var(--danger);
  --status-error-bg: var(--status-declined-bg);
  --status-error-border: var(--status-declined-border);
  /* fontSize */
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  /* lineHeight */
  --line-height-11: 16px;
  --line-height-12: 16px;
  --line-height-13: 18px;
  --line-height-14: 20px;
  --line-height-16: 24px;
  --line-height-18: 26px;
  --line-height-20: 28px;
  --line-height-24: 32px;
  --line-height-28: 36px;
  /* fontWeight */
  --font-weight-regular: 500;
  --font-weight-bold: 600;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  /* radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  /* shadow */
  --shadow-card: 0 1px 2px #10182808, 0 1px 3px #1018280a;
  /* icon */
  --icon-size: 24px;
  --icon-stroke: 1.75;
  /* layout */
  --sidebar-width: 264px;
  --sidebar-width-compact: 72px;
  --header-height: 64px;
  --content-max: 1280px;
  --control-height: 40px;
  --control-height-sm: 32px;
}
.text-11 { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.04em; }
.text-12 { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.text-13 { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.text-14 { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.text-16 { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.heading-14 { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.heading-16 { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.heading-18 { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 600; }
.heading-20 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }
.heading-24 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: -0.01em; }
.display-28 { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: -0.01em; }