/* Noom design tokens. Dark is the default; [data-theme="light"] overrides.
   Palette, radii and type scale follow the open-source Spore tokens in Uniswap/interface @6f54d9a
   (packages/ui/src/theme: color/colors.ts, borderRadii.ts, fonts.ts, shadows.ts). */
@font-face { font-family: Basel; src: url("/fonts/Basel-Grotesk-Book.woff2") format("woff2"); font-weight: 485; font-display: block; }
@font-face { font-family: Basel; src: url("/fonts/Basel-Grotesk-Medium.woff2") format("woff2"); font-weight: 535; font-display: block; }



:root, [data-theme="dark"] {
  --scrim: rgba(0, 0, 0, 0.6);
  --neutral1: #ffffff;
  --neutral1-hover: rgba(255, 255, 255, 0.85);
  --neutral2: rgba(255, 255, 255, 0.65);
  --neutral3: rgba(255, 255, 255, 0.38);
  --surface1: #131313;
  --surface1-hover: #1a1a1a;
  --surface2: #1f1f1f;
  --surface2-hover: #242424;
  --surface3: rgba(255, 255, 255, 0.12);
  --surface3-solid: #393939;
  --surface3-hover: rgba(255, 255, 255, 0.16);
  --surface4: rgba(255, 255, 255, 0.2);
  --accent1: #ff37c7;
  --accent1-hover: #e500a5;
  --accent2: rgba(255, 55, 199, 0.08);
  --accent2-hover: rgba(255, 55, 199, 0.12);
  --accent2-solid: #261621;
  --accent3: #ffffff;
  --success: #21c95e;
  --success2: rgba(33, 201, 94, 0.12);
  --warning: #ffbf17;
  --warning2: rgba(255, 191, 23, 0.08);
  --critical: #ff593c;
  --critical2: rgba(255, 89, 60, 0.12);
  --shadow-short: 0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
  --shadow-medium: 0px 10px 15px -3px rgba(19, 19, 19, 0.54), 0px 4px 6px -2px rgba(19, 19, 19, 0.4);
  color-scheme: dark;
}

[data-theme="light"] {
  --neutral1: #131313;
  --neutral1-hover: rgba(19, 19, 19, 0.83);
  --neutral2: rgba(19, 19, 19, 0.63);
  --neutral3: rgba(19, 19, 19, 0.35);
  --surface1: #ffffff;
  --surface1-hover: #fcfcfc;
  --surface2: #f9f9f9;
  --surface2-hover: #f2f2f2;
  --surface3: rgba(19, 19, 19, 0.08);
  --surface3-solid: #f2f2f2;
  --surface3-hover: rgba(19, 19, 19, 0.1);
  --surface4: rgba(255, 255, 255, 0.64);
  --accent1: #ff37c7;
  --accent1-hover: #e500a5;
  --accent2: rgba(255, 55, 199, 0.08);
  --accent2-hover: rgba(255, 55, 199, 0.12);
  --accent2-solid: #fff3fc;
  --accent3: #222222;
  --success: #0c8911;
  --success2: rgba(15, 194, 68, 0.06);
  --warning: #996f01;
  --warning2: rgba(255, 191, 23, 0.1);
  --critical: #e10f0f;
  --critical2: rgba(255, 0, 0, 0.05);
  --accent-soft: #fc72ff33;
  --scrim: rgba(0, 0, 0, 0.6);
  --shadow-short: 0px 1px 6px 2px rgba(0, 0, 0, 0.03), 0px 1px 2px 0px rgba(0, 0, 0, 0.02);
  --shadow-medium: 0px 6px 12px -3px rgba(19, 19, 19, 0.04), 0px 2px 5px -2px rgba(19, 19, 19, 0.03);
  color-scheme: light;
}

:root {
  --r8: 8px; --r12: 12px; --r16: 16px; --r20: 20px; --r24: 24px; --r32: 32px; --rfull: 999999px;
  --font: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --book: 485; --medium: 535;
  --nav-h: 72px;
  --ease: cubic-bezier(0.17, 0.67, 0.45, 1);
}