:root {
  --rt-color-primary: #2563eb;
  --rt-color-primary-soft: #dbeafe;
  --rt-color-secondary: #0f766e;
  --rt-color-accent: #f97316;
  --rt-color-bg: #020617;
  --rt-color-surface: #0b1120;
  --rt-color-surface-alt: #020617;
  --rt-color-border-subtle: #1f2937;
  --rt-color-text: #e5e7eb;
  --rt-color-text-muted: #9ca3af;
  --rt-color-success: #16a34a;
  --rt-color-danger: #ef4444;
  --rt-color-danger-soft: rgba(239, 68, 68, 0.16);
  --rt-color-warning: #f59e0b;
  --rt-color-warning-soft: rgba(245, 158, 11, 0.18);
  --rt-color-primary-tint: rgba(37, 99, 235, 0.18);
  --rt-color-primary-focus-ring: rgba(37, 99, 235, 0.4);
  --rt-color-on-primary: #ffffff;
  --rt-color-scrim: rgba(2, 6, 23, 0.6);

  --rt-radius-sm: 0.375rem;
  --rt-radius-md: 0.75rem;
  --rt-radius-lg: 1rem;
  --rt-radius-full: 999px;

  --rt-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.35);
  --rt-shadow-md: 0 14px 30px rgba(15, 23, 42, 0.65);
  --rt-shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.8);

  --rt-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --rt-text-xs: 0.75rem;
  --rt-text-sm: 0.875rem;
  --rt-text-md: 1rem;
  --rt-text-lg: 1.125rem;
  --rt-text-xl: 1.5rem;
  --rt-text-2xl: 2rem;
  --rt-text-3xl: 2.5rem;

  --rt-space-1: 0.25rem;
  --rt-space-2: 0.5rem;
  --rt-space-3: 0.75rem;
  --rt-space-4: 1rem;
  --rt-space-5: 1.5rem;
  --rt-space-6: 2rem;
  --rt-space-7: 3rem;
  --rt-space-8: 4rem;

  /* Messaging module bubble tokens */
  --rt-bubble-bg-self: var(--rt-color-primary-soft);
  --rt-bubble-bg-other: var(--rt-color-surface);
  --rt-bubble-fg-self: #0b1120;
  --rt-bubble-fg-other: var(--rt-color-text);
  --rt-message-bubble-max: 32rem;
}

body {
  font-family: var(--rt-font-sans);
  font-size: var(--rt-text-md);
  color: var(--rt-color-text);
  background-color: var(--rt-color-bg);
}