Manage all your finances from your Qonto business account

:root {
  --color-dominant: #327dcc;
  --color-surface: #94bbe4;
  --color-ink: #183c62;
  --color-accent: #898989;
  --color-detail: #1e4b7a;
}

/* CSS variables exposed by source */
:root {
  --color-zinc-200: oklch(92% .004 286.32);
  --color-sakura-900: #c24b89;
  --text-20: 20px;
  --color-pink-500: oklch(65.6% .241 354.308);
  --color-orange-600: oklch(64.6% .222 41.116);
  --color-neutral-600: oklch(43.9% 0 0);
  --color-mauve-600: oklch(43.5% .029 321.78);
  --color-orange-800: #ea9301;
  --color-teal-400: oklch(77.7% .152 181.912);
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-neutral-300: oklch(87% 0 0);
  --color-purple-800: oklch(43.8% .218 303.724);
  --color-mauve-50: oklch(98.5% 0 0);
  --text-base--line-height: calc(1.5 / 1);
  --radius-4xl: 2rem;
  --color-cyan-700: oklch(52% .105 223.128);
  --color-gray-300: oklch(87.2% .01 258.338);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-mist-600: oklch(45% .017 213.2);
  --color-cyan-200: oklch(91.7% .08 205.041);
  --color-amber-300: oklch(87.9% .169 91.605);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-taupe-400: oklch(71.4% .014 41.2);
  --color-green-500: oklch(72.3% .219 149.579);
  --text-9xl--line-height: 1;
  --color-white: #fff;
  --color-sky-600: #08c;
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-blue-400: #083778;
  --color-pink-50: oklch(97.1% .014 343.198);
  --color-slate-400: oklch(70.4% .04 256.788);
  --radius-sm: .25rem;
  --color-blueberry-50: #c6e6fb;
  --color-zinc-950: oklch(14.1% .005 285.823);
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-plum-900: #7b4db8;
  --color-purple-600: oklch(55.8% .288 302.321);
  --text-72: 72px;
  --color-scrim-dark-overlay: rgba(5, 5, 5, .15);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-fuchsia-600: oklch(59.1% .293 322.896);
  --color-sandgolddark: #654d35;
  --color-lime-200: oklch(93.8% .127 124.321);
  --color-mint-900: #2f95a0;
  --color-fuchsia-200: oklch(90.3% .076 319.62);
  --color-green-900: oklch(39.3% .095 152.535);
  --color-taupe-950: oklch(14.7% .004 49.3);
  --radius-md: .375rem;
  --color-pink-100: oklch(94.8% .028 342.258);
  --radius-lg: .5rem;
  --color-neutral-900: oklch(20.5% 0 0);
  --color-warning-50: #fff2d9;
  --color-bluegrey-50: #eef0f5;
  --color-neutral-100: oklch(97% 0 0);
  --color-mint-1000: #0d5563;
  --color-yellow-950: oklch(28.6% .066 53.813);
  --color-violet-950: oklch(28.3% .141 291.089);
  --color-violet-300: oklch(81.1% .111 293.571);
  --color-blueberry-500: #3275c4;
  --color-blueberry-900: #3275c4;
}