/* ScrumPass — generated from tokens.json */
@font-face{font-family:"Inter";src:url("../fonts/inter-vn.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root, [data-theme="light"] {
  --primary: #4776ED;
  --primary-700: #1A56DB;
  --primary-550: #3B7FFF;
  --cta: #2F5FDC;
  --accent-lime: #BBFF29;
  --lime-ink: #1D2A05;
  --canvas: #F5F8FA;
  --surface: #FFFFFF;
  --indigo-light: #EDF1FA;
  --tint: #F3F6FE;
  --blue-divider: #CFDBF6;
  --hero-from: #4776ED;
  --hero-to: #6B5CEB;
  --text-dark: #263862;
  --text-body: #858796;
  --text-900: #111928;
  --text-500: #6B7280;
  --text-600: #4B5563;
  --text-on-primary: #FFFFFF;
  --success: #389E0D;
  --success-bg: #EFFAED;
  --success-ink: #2A7A09;
  --error: #FE4D01;
  --error-bg: #FEE2E2;
  --error-ink: #C2410C;
  --warning: #FF9C40;
  --warning-bg: #FFEFE2;
  --warning-dark: #A34C06;
  --progress-green: #63CC52;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --border: var(--gray-200);
  --navy: #1B2A57;
  --navy-2: #24356A;
  --on-navy: #C9D3EE;
  --brand-green-from: #085B20;
  --brand-green-to: #41E296;
  --brand-ink: #0D3721;
  --shadow-card: 0 0.15rem 1.75rem 0 rgba(58,59,69,0.15);
  --shadow-card-soft: 0 0.15rem 1.75rem 0 rgba(58,59,69,0.10);
  --shadow-sm: 0 0.125rem 0.25rem 0 rgba(58,59,69,0.2);
  --shadow-soft: 4px 4px 16px 0 rgba(193,211,255,0.26);
  --shadow-hero: 0 24px 48px -20px rgba(71,118,237,0.55);
}
:root {
  --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-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-24: 96px;
  --content-max: 1200px;
  --topbar-h: 70px;
  --header-h: 68px;
  --sidebar-w: 224px;
  --sidebar-collapsed-w: 104px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.mk-display{font-family:var(--font-sans);font-size:56px;line-height:1.06;font-weight:800;letter-spacing:-0.03em}
.mk-h1{font-family:var(--font-sans);font-size:48px;line-height:1.15;font-weight:800;letter-spacing:-0.025em}
.mk-h2{font-family:var(--font-sans);font-size:38px;line-height:1.22;font-weight:750;letter-spacing:-0.015em}
.mk-h3{font-family:var(--font-sans);font-size:20px;line-height:1.3;font-weight:700}
.mk-stat{font-family:var(--font-sans);font-size:44px;line-height:1.05;font-weight:800;letter-spacing:-0.02em}
.mk-lead{font-family:var(--font-sans);font-size:18px;line-height:1.6;font-weight:400}
.mk-body{font-family:var(--font-sans);font-size:16px;line-height:1.6;font-weight:400}
.mk-small{font-family:var(--font-sans);font-size:14px;line-height:1.55;font-weight:400}
.mk-caption{font-family:var(--font-sans);font-size:13px;line-height:1.5;font-weight:400}
.mk-eyebrow{font-family:var(--font-sans);font-size:13px;line-height:1.4;font-weight:600;letter-spacing:0.04em}
.pd-display{font-family:var(--font-sans);font-size:30px;line-height:1.2;font-weight:700}
.pd-h1{font-family:var(--font-sans);font-size:20px;line-height:1.4;font-weight:700}
.pd-h2{font-family:var(--font-sans);font-size:18px;line-height:1.4;font-weight:700}
.pd-h3{font-family:var(--font-sans);font-size:16px;line-height:1.5;font-weight:600}
.pd-body{font-family:var(--font-sans);font-size:14px;line-height:1.5;font-weight:400}
.pd-sm{font-family:var(--font-sans);font-size:12px;line-height:1.5;font-weight:500}