@font-face {
  font-family: 'Onest';
  src: url('/frontend-new/public/fonts/onest/Onest-Variable.ttf?v=20260815-contract-model-3') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root{
  --bg:#f4f6f8;
  --surface:#fff;
  --surface-soft:#f8fafb;
  --text:#17212b;
  --muted:#68737e;
  --muted-strong:#4f5c66;
  --border:#dce3e8;
  --border-strong:#c6d1d8;
  --accent:#176b55;
  --accent-soft:#e5f1ed;
  --dark:#22292f;
  --danger:#a43b36;
  --shadow-card:0 8px 22px rgba(23,33,43,.07);
  --shadow-card-hover:0 12px 30px rgba(23,33,43,.1);
  --radius-card:8px;
  --radius-control:6px;
  --space-page:24px;
  --font-sans:'Onest','Segoe UI',Arial,sans-serif;
  font-family:var(--font-sans);
  color:var(--text);
  background:var(--bg);
}

#cleanCrmApp {
  --font-sans:'Onest','Segoe UI',Arial,sans-serif;
  font-family:var(--font-sans);
}