/* MopTask design tokens — generated from tokens.json */
:root{
  --navy: #102A43;
  --teal: #18B7A0;
  --teal-600: #16A08C;
  --teal-700: #0E8F7D;
  --lime: #B6E64A;
  --cloud: #F7FAF8;
  --mist: #DCE8E5;
  --border-soft: #E3ECEB;
  --text-2: #527089;
  --white: #FFFFFF;
  --page-bg: #F3F7F8;
  --surface-muted: #F1F5F7;
  --blue: #2F6FE4;
  --blue-action: #1E6BE6;
  --link: #2B78D0;
  --orange: #F28C28;
  --purple: #8B3FE0;
  --danger: #D92D20;
  --danger-bg: #FDEEEE;
  --warning: #F5A30B;
  --warning-bg: #FEF6E1;
  --success-bg: #D3F2E5;
  --success-text: #0E8F6A;
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-ui: 'Inter', system-ui, sans-serif;
  --font-signature: 'Mrs Saint Delafield', cursive;
  --size-h1-desktop: 40px;
  --size-h1-mobile: 28px;
  --size-h2: 22px;
  --size-h3: 17px;
  --size-kpi: 30px;
  --size-body: 15px;
  --size-small: 13px;
  --size-caption: 11.5px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-sheet: 22px;
  --radius-pill: 999px;
  --radius-phone: 56px;
  --shadow-card: 0 1px 2px rgba(16,42,67,.04);
  --shadow-dropdown: 0 12px 32px rgba(16,42,67,.12);
  --shadow-modal: 0 24px 60px rgba(16,42,67,.25);
  --shadow-fab: 0 8px 20px rgba(24,183,160,.4);
  --shadow-phone: 0 30px 60px rgba(16,42,67,.25);
  --layout-phone-width: 390px;
  --layout-phone-height: 844px;
  --layout-bottom-nav: 78px;
  --layout-status-bar: 50px;
  --layout-sidebar: 254px;
  --layout-admin-breakpoint: 1100px;
}