Milanote - the tool for organizing creative projects

:root {
  --color-dominant: #09cb57;
  --color-surface: #6a8cec;
  --color-ink: #0c5424;
  --color-accent: #7d8188;
  --color-detail: #d1cdc3;
}

/* CSS variables exposed by source */
:root {
  --text-3xs: 0.9rem;
  --color-utility-canvas-yellow: rgb(240 238 223);
  --color-bg-brand-solid: rgb(244 81 28);
  --color-gray-dark-mode-800: rgb(51 51 51);
  --color-canvas-dark-mode-blue: rgb(38 35 42);
  --color-utility-highlight-100: rgb(255 251 204);
  --color-avatar-purple: rgb(186 154 243);
  --color-canvas-dark-mode-green: rgb(39 36 31);
  --color-bg-user-primary: rgb(244 247 254);
  --text-display-xs: 1.5rem;
  --color-utility-error-500: rgb(245 41 41);
  --color-brand-600: rgb(244 81 28);
  --text-display-7xl--letter-spacing: -0.03em;
  --color-shadow-3xl-01: rgb(27 37 54 / 0.14);
  --text-base--line-height: 2rem;
  --color-element-text-orange: rgb(255 206 38);
  --text-display-md--font-weight: 600;
  --color-bg-overlay: rgb(0 0 0);
  --color-royal-blue-50: rgb(234 239 254);
  --color-text-tertiary: rgb(118 124 134);
  --radius-none: 0rem;
  --font-mono: system-ui, 'Segoe UI Variable Display', 'Segoe UI', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --color-gray-surface-300: rgb(187 190 195);
  --color-button-destructive-primary-icon_hover: rgb(251 167 167);
  --color-canvas-dark-mode-gray: rgb(31 31 31);
  --color-bg-overlay-alpha: rgb(27 37 54 / 0.7);
  --color-fg-brand-primary: rgb(244 81 28);
  --color-brand-300: rgb(252 177 164);
  --color-canvas-dark-mode-yellow: rgb(28 35 41);
  --color-text-primary_on-brand: rgb(255 255 255);
  --color-gray-dark-mode-50: rgb(242 242 242);
  --color-fg-user-primary: rgb(47 99 247);
  --color-fg-success-secondary: rgb(106 195 116);
  --color-utility-success-200: rgb(197 232 201);
  --color-white: rgb(255 255 255);
  --color-gray-surface-200: rgb(209 211 214);
  --color-utility-success-400: rgb(139 208 146);
  --text-display-5xl--line-height: 4.4rem;
  --color-gray-light-mode-500: rgb(141 146 154);
  --color-shadow-lg-03: rgb(27 37 54 / 0.04);
  --color-element-red: rgb(255 87 87);
  --radius-sm: 0.6rem;
  --text-display-6xl--letter-spacing: -0.03em;
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-canvas-dark-mode-purple: rgb(28 38 36);
  --color-shadow-xs: rgb(27 37 54 / 0.05);
  --color-text-warning-primary: rgb(255 141 34);
  --color-royal-blue-100: rgb(217 226 254);
  --color-bg-disabled: rgb(232 233 235);
  --text-display-lg--letter-spacing: -0.02em;
  --color-bg-active: rgb(243 243 244);
  --color-tooltip-supporting-text: rgb(187 190 195);
  --text-2xs--line-height: 1.6rem;
  --radius-md: 0.8rem;
  --color-highlight-800: rgb(102 95 0);
  --color-warning-50: rgb(255 243 233);
  --radius-lg: 1rem;
  --color-error-50: rgb(253 239 239);
  --text-display-3xl--line-height: 3.2rem;
  --color-gray-dark-mode-300: rgb(188 188 188);
}