@font-face {
  font-family:'DM Sans';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url("../fonts/dm-sans-latin-wght-normal.7c87a648293f.woff2") format('woff2')
}
@font-face {
  font-family:'Fraunces';
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
  src:url("../fonts/fraunces-latin-wght-normal.eb2486760f75.woff2") format('woff2')
}
:root {
  --todo-white:#FFFFFF;
  --todo-ink:#1A1A1A;
  --todo-muted:#666660;
  --todo-border:#E3E3DF;
  --todo-column:#F5F5F3;
  --todo-red:#B42318;
  --todo-overdue-bg:#FEECE9;
  --todo-project-forest:#426B57;
  --todo-project-sage:#93AA94;
  --todo-project-blue:#829CAF;
  --todo-project-lavender:#A39AB4;
  --todo-project-sand:#BBA777;
  --todo-project-clay:#BB9482;
  /* Shared density: keep interactive targets at least 44 × 44px. */
  --text-body:15px;
  --text-button:14px;
  --text-eyebrow:11px;
  --text-h1:32px;
  --text-h2:21px;
  --text-h3:18px;
  --text-title:36px;
  --text-content-title:40px;
  --text-editor-heading:24px;
  --text-number:30px;
  --text-number-compact:26px;
  --control-size:44px;
  --sidebar-width:232px;
  --radius-card:20px;
  --radius-field:16px;
  --card-padding:20px;
  --main-padding-top:32px;
  --main-padding-inline:40px;
  --space-6:6px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-16:16px;
  --space-18:18px;
  --space-20:20px;
  --space-22:22px;
  --space-24:24px;
  --space-28:28px;
  --space-32:32px;
  --space-40:40px;
  --space-44:44px;
  --space-48:48px;
  --analytics-upload:#EFE3C8;
  --analytics-grid:#ECE3D3;
  --analytics-tip-width:260px;
  --cal-appointment: #EFE3C8;
  --cal-customer: #DDE6EE;
  --cal-customer-text: #1F3A4D;
  --cal-private: #E4DED3;
  --cal-weekend: #F7F2E9;
  --status-planung:#E6D5B8;
  --status-drehbereit:#8FA89A;
  --status-schnitt:#B8924A;
  --status-schnitt-soft:#EFE3C8;
  --status-online:#06402B;
  --shadow-card:0 24px 48px -28px rgba(6,64,43,.35);
  --forest:#06402B;
  --forest-deep:#042E1F;
  --cream:#F4EDE1;
  --paper:#FBF8F2;
  --sand:#E6D5B8;
  --sage:#8FA89A;
  --sage-soft:#DCE4DD;
  --gold:#B8924A;
  --gold-text:#76581F;
  --ink:#2A2620;
  --ink-muted:#5E574C;
  --line:#D9CCB5;
  --field-border:#857866;
  --on-forest:#F4EDE1;
}

@media(max-width:899px) {
  :root {
    --text-h1:26px;
    --text-title:28px;
    --text-number:24px;
    --text-content-title:28px;
    --radius-card:16px;
    --main-padding-top:22px;
    --main-padding-inline:16px;
  }
}