/* Generated from @butikken/tokens by build.mjs. Do not edit. */
:root {
  --font-sans: var(--font-inter);
  --font-mono: var(--font-geist-mono);

  /* — ground — identical in every app — */
  --color-bg: #161826;
  --color-surface: #232532;
  --color-text: #e9e9ed;
  --color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);

  /* — accent — the one thing an app may make its own — */
  --color-accent: #9184d9;
  --color-accent-100: #f5f4ff;
  --color-accent-200: #e7e5fe;
  --color-accent-300: #d2cefd;
  --color-accent-400: #b5abfc;
  --color-accent-500: #968ae0;
  --color-accent-600: #796cbf;
  --color-accent-700: #5d5294;
  --color-accent-800: #423a6a;
  --color-accent-900: #2b2741;

  /* — neutrals — identical in every app — */
  --color-neutral-100: #f3f5fe;
  --color-neutral-200: #e4e7f5;
  --color-neutral-300: #cfd3e5;
  --color-neutral-400: #b2b6ca;
  --color-neutral-500: #9397ab;
  --color-neutral-600: #75798c;
  --color-neutral-700: #595d6c;
  --color-neutral-800: #3f424d;
  --color-neutral-900: #292b31;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  /* elevation is outline, not shadow */
  --shadow-elev-sm: 0 0 0 1px #3f424d;
  --shadow-elev-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, 0.55);
}