:root {
  /* Palette: neutrals */
  --neutral-0: #ffffff;
  --neutral-100: #fafafd;
  --neutral-200: #f7f7fb;
  --neutral-400: #f1f1f5;
  --neutral-600: #e2e2eb;
  --neutral-700: #9b9bb5;
  --neutral-800: #9b9bb5;
  --neutral-900: #63637c;
  --neutral-1000: #02021f;

  /* Palette: accent colors */
  --orange-200: #fbf4e6;
  --orange-400: #eedddd;
  --orange-700: #efa70d;
  --blue-200: #e8f8ff;
  --blue-900: #04364d;
  --integration-bos: #005f42;
  --integration-obligacje: #16276f;

  /* Semantic: text, icons, and background */
  --text-primary: var(--neutral-1000);
  --text-secondary: var(--neutral-900);
  --text-on-background: var(--neutral-0);
  --icons-primary: var(--text-primary);
  --icons-secondary: var(--text-secondary);
  --icons-on-background: var(--text-on-background);
  --background-primary: var(--neutral-0);
  --background-secondary: var(--neutral-200);
}