/* WYGENEROWANE przez frontend/scripts/generate-tokens.cjs — NIE EDYTOWAĆ RĘCZNIE.
   Źródło prawdy: frontend/packages/design-tokens/src/tokens.ts (regeneruj: `yarn --cwd frontend tokens`).

   Scoped to the Rails markup (.kl wrapper, toast region), NOT :root: the React applications declare some of the
   same names on their own :root, and their stylesheets are linked before this one in production. */
.kl,
.kl__toast-region {
  --paper: #FFFFFF;
  --mist: #F4F9FD;
  --sky: #EEF6FC;
  --blush: #F8F1F3;
  --blush-glow: #F6E6EA;
  --blush-card: #F8EDF0;
  --border: #ECE3E6;
  --ink: #1B1424;
  --ink-soft: #453A54;
  --muted: #6A5F76;
  --accent: #7A2338;
  --accent-dark: #5E1A2B;
  --accent-bright: #9A3550;
  --accent-deep: #5A1829;
  --accent-pale: #E6CDD3;
  --link: #2F6A93;
  --link-hover: #1F4D6E;
  --white: #ffffff;
  --success: #2E7D32;
  --success-light: #4CAF50;
  --success-dark: #1B5E20;
  --success-bg: #E7F4E8;
  --success-bd: #BFE0C2;
  --warning: #B45309;
  --warning-bg: #FBF0DE;
  --warning-bd: #EBD3A8;
  --error: #8f2d23;
  --error-bg: #fdecea;
  --error-bd: #f5c6c0;
  --info: #154a6b;
  --info-bg: #EAF4FB;
  --info-bd: #CADEEC;

  --font-display: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-sans: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --radius-btn: 999px;
  --radius-card: 20px;
  --radius-field: 14px;
  --radius-pill: 999px;
}