@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-700.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/inter-800.woff2") format("woff2")}
/* PickCleverly Design System tokens — generated from tokens.json (DS v8). Do not hand-edit. */
:root{
  --navy:#0F2742;
  --orange:#FF7A00;
  --accent-text:#C2410C;
  --on-accent:#FFFFFF;
  --background:#F8FAFC;
  --surface:#FFFFFF;
  --surface-sunken:#F2F6FA;
  --surface-muted:#F7F9FB;
  --border:#E2E9F1;
  --divider:#EDF1F5;
  --text:#1F2937;
  --text-muted:#6B7280;
  --on-navy:#FFFFFF;
  --on-navy-muted:#AFB7C3;
  --positive:#16A34A;
  --positive-text:#166534;
  --positive-tint:#DEF6EA;
  --blue:#026AFE;
  --blue-deep:#0A5AB6;
  --blue-tint:#E6F2FE;
  --orange-tint:#FEEEE6;
  --amber-tint:#FEF2DE;
  --violet:#6739CB;
  --violet-tint:#EAE6FE;
  --slate-tint:#EAEEF6;
  --negative:#B91C1C;
  --negative-tint:#FFE3E3;
  --badge-budget:#53A5FB;
  --badge-premium:#D39705;
  --chart-teal:#029A96;
  --chart-yellow:#FEBA5A;
  --chart-green:#079B43;
  --chart-pink:#FB519F;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --sidebar-width:208px;
  --topbar-height:64px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-pill:999px;
  --font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}