/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --base-white: rgb(255,255,255); /* @kind color */
  --black-01: rgb(250,250,250); /* @kind color */
  --black-02: rgb(238,238,238); /* @kind color */
  --black-03: rgb(225,225,225); /* @kind color */
  --black-04: rgb(203,203,203); /* @kind color */
  --black-05: rgb(175,175,175); /* @kind color */
  --black-06: rgb(117,117,117); /* @kind color */
  --black-07: rgb(100,100,100); /* @kind color */
  --black-08: rgb(75,75,75); /* @kind color */
  --black-09: rgb(50,50,50); /* @kind color */
  --black-10: rgb(25,25,25); /* @kind color */
  --border-border-foreground: var(--color-foreground-100); /* @kind color */
  --border-radius-rounded-2xl: 20;
  --border-radius-rounded-3xl: 24;
  --border-radius-rounded-full: 9999;
  --border-radius-rounded-lg: 12;
  --border-radius-rounded-md: 8;
  --border-radius-rounded-none: 0;
  --border-radius-rounded-xl: 16;
  --border-radius-rounded: 4;
  --color-foreground-100: rgb(9,9,11); /* @kind color */
  --colors-base-danger: var(--colors-common-red-500); /* @kind color */
  --colors-base-default-100: var(--colors-common-zinc-100); /* @kind color */
  --colors-base-default: var(--colors-common-zinc-300); /* @kind color */
  --colors-base-primary-foreground: var(--colors-common-white); /* @kind color */
  --colors-common-red-500: rgb(243,18,96); /* @kind color */
  --colors-common-white: rgb(255,255,255); /* @kind color */
  --colors-common-zinc-100: rgb(244,244,245); /* @kind color */
  --colors-common-zinc-300: rgb(212,212,216); /* @kind color */
  --colors-common-zinc-700: rgb(63,63,70); /* @kind color */
  --content-black: var(--black-10); /* @kind color */
  --content-danger: var(--danger-default); /* @kind color */
  --content-grey: var(--black-07); /* @kind color */
  --content-light: var(--black-05); /* @kind color */
  --content-success: var(--success-default); /* @kind color */
  --content-warning: var(--warning-default); /* @kind color */
  --count: 1; /* @kind other */
  --danger-default: var(--red-09); /* @kind color */
  --danger-hover: var(--red-10); /* @kind color */
  --danger-surface: var(--red-01); /* @kind color */
  --fill-foreground: var(--color-foreground-100); /* @kind color */
  --pink-01: rgb(255,241,252); /* @kind color */
  --pink-02: rgb(255,220,248); /* @kind color */
  --pink-03: rgb(255,200,244); /* @kind color */
  --pink-04: rgb(255,181,242); /* @kind color */
  --pink-05: rgb(255,162,239); /* @kind color */
  --pink-06: rgb(255,145,238); /* @kind color */
  --pink-07: rgb(255,129,236); /* @kind color */
  --pink-08: rgb(201,99,191); /* @kind color */
  --pink-09: rgb(146,71,144); /* @kind color */
  --pink-10: rgb(92,44,92); /* @kind color */
  --primary-01: rgb(230,255,230); /* @kind color */
  --primary-02: rgb(197,252,201); /* @kind color */
  --primary-03: rgb(164,246,181); /* @kind color */
  --primary-04: rgb(131,237,168); /* @kind color */
  --primary-05: rgb(98,226,159); /* @kind color */
  --primary-06: rgb(66,212,153); /* @kind color */
  --primary-07: rgb(42,195,147); /* @kind color */
  --primary-08: rgb(22,175,142); /* @kind color */
  --primary-09: rgb(22,126,98); /* @kind color */
  --primary-10: rgb(17,64,54); /* @kind color */
  --primary-white: rgb(255,255,255); /* @kind color */
  --red-01: rgb(255,239,234); /* @kind color */
  --red-02: rgb(255,219,205); /* @kind color */
  --red-03: rgb(255,203,180); /* @kind color */
  --red-04: rgb(255,191,157); /* @kind color */
  --red-05: rgb(255,182,138); /* @kind color */
  --red-06: rgb(255,176,121); /* @kind color */
  --red-07: rgb(254,170,108); /* @kind color */
  --red-08: rgb(213,112,70); /* @kind color */
  --red-09: rgb(170,54,40); /* @kind color */
  --red-10: rgb(128,18,29); /* @kind color */
  --secondary-01: rgb(241,242,255); /* @kind color */
  --secondary-02: rgb(224,224,255); /* @kind color */
  --secondary-03: rgb(210,208,255); /* @kind color */
  --secondary-04: rgb(200,194,255); /* @kind color */
  --secondary-05: rgb(193,182,255); /* @kind color */
  --secondary-06: rgb(187,172,255); /* @kind color */
  --secondary-07: rgb(184,163,254); /* @kind color */
  --secondary-08: rgb(181,156,247); /* @kind color */
  --secondary-09: rgb(119,93,179); /* @kind color */
  --secondary-10: rgb(63,44,102); /* @kind color */
  --slate-50: rgb(248,250,252); /* @kind color */
  --success-default: var(--primary-10); /* @kind color */
  --success-hover: var(--primary-02); /* @kind color */
  --success-surface: var(--primary-01); /* @kind color */
  --surface-hover-black: var(--black-09); /* @kind color */
  --surface-hover-danger: var(--danger-hover); /* @kind color */
  --surface-hover-green: var(--primary-09); /* @kind color */
  --surface-hover-success: var(--success-hover); /* @kind color */
  --surface-hover-warning: var(--warning-hover); /* @kind color */
  --surface-hover-white: var(--black-01); /* @kind color */
  --surface-normal-beige: rgb(250,244,234); /* @kind color */
  --surface-normal-black: var(--black-10); /* @kind color */
  --surface-normal-danger: var(--danger-surface); /* @kind color */
  --surface-normal-green: var(--primary-07); /* @kind color */
  --surface-normal-warning: var(--warning-surface); /* @kind color */
  --surface-normal-white: rgb(255,255,255); /* @kind color */
  --units-unit-5: 20; /* @kind spacing */
  --warning-default: var(--yellow-08); /* @kind color */
  --warning-hover: var(--yellow-09); /* @kind color */
  --warning-surface: var(--yellow-01); /* @kind color */
  --yellow-01: rgb(255,253,233); /* @kind color */
  --yellow-02: rgb(255,247,201); /* @kind color */
  --yellow-03: rgb(255,238,171); /* @kind color */
  --yellow-04: rgb(255,227,142); /* @kind color */
  --yellow-05: rgb(255,214,114); /* @kind color */
  --yellow-06: rgb(254,200,88); /* @kind color */
  --yellow-07: rgb(249,183,63); /* @kind color */
  --yellow-08: rgb(199,139,46); /* @kind color */
  --yellow-09: rgb(146,97,32); /* @kind color */
  --yellow-10: rgb(92,58,18); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --color-foreground-100: rgb(250,250,250); /* @kind color */
  --colors-base-danger: var(--colors-common-red-500); /* @kind color */
  --colors-base-default: var(--colors-common-zinc-700); /* @kind color */
}