:root {
  color-scheme: light;

  /* Carbon UI v1: primitives */
  --primitive-white: #ffffff;
  --primitive-graphite-950: #121a2b;
  --primitive-graphite-900: #202724;
  --primitive-graphite-800: #2d3532;
  --primitive-slate-700: #526078;
  --primitive-slate-600: #637087;
  --primitive-slate-400: #a7b0c0;
  --primitive-slate-300: #d9deea;
  --primitive-slate-200: #e8ebf2;
  --primitive-slate-100: #eef1f6;
  --primitive-slate-050: #f4f4f4;
  --primitive-lavender-600: #7569a7;
  --primitive-lavender-200: #eeeafd;
  --primitive-lavender-100: #efedfb;
  --primitive-green-700: #176b45;
  --primitive-green-100: #e8f4ed;
  --primitive-amber-800: #8a4b08;
  --primitive-amber-100: #fff5e8;
  --primitive-red-700: #a9251b;
  --primitive-red-100: #fdecea;
  --primitive-blue-700: #005fcc;
  --primitive-blue-100: #e8f1fb;

  /* Carbon UI v1: semantic tokens */
  --color-canvas: #eef1f7;
  --color-surface: var(--primitive-white);
  --color-surface-secondary: var(--primitive-slate-050);
  --color-surface-subtle: #f7f8fc;
  --color-surface-emphasis: var(--primitive-slate-100);
  --color-text-primary: var(--primitive-graphite-950);
  --color-text-secondary: var(--primitive-slate-700);
  --color-text-subtle: var(--primitive-slate-600);
  --color-action-primary: var(--primitive-graphite-900);
  --color-action-primary-hover: var(--primitive-graphite-800);
  --color-action-on-primary: var(--primitive-white);
  --color-selection: var(--primitive-lavender-100);
  --color-selection-accent: var(--primitive-lavender-600);
  --color-assisted: var(--primitive-lavender-200);
  --color-positive: var(--primitive-green-700);
  --color-positive-surface: var(--primitive-green-100);
  --color-attention: var(--primitive-amber-800);
  --color-attention-surface: var(--primitive-amber-100);
  --color-critical: var(--primitive-red-700);
  --color-critical-surface: var(--primitive-red-100);
  --color-info: #185fa5;
  --color-info-surface: var(--primitive-blue-100);
  --color-focus: var(--primitive-blue-700);
  /* Categorical chart colors are not status/permission signals. */
  --chart-lavender: #7569a7;
  --chart-category-0: #708cab;
  --chart-category-1: #9181b6;
  --chart-category-2: #6b9690;
  --chart-category-3: #84929f;
  --chart-category-4: #739781;
  --color-border-functional: var(--primitive-slate-300);
  --color-divider: var(--primitive-slate-200);
  --color-disabled-surface: #e3e7e5;
  --color-disabled-content: #52605c;
  --color-overlay: #1a2824;

  --font-family-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.75rem;
  --font-size-compact: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.625rem;
  --font-size-page: clamp(1.625rem, 2vw, 1.875rem);
  --line-height-tight: 1.2;
  --line-height-title: 1.3;
  --line-height-body: 1.4;
  --line-height-relaxed: 1.65;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-pill: 999px;

  --z-base: 0;
  --z-sticky: 20;
  --z-overlay: 80;
  --z-toast: 100;

  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-slow: 220ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);

  /* Carbon UI v1: component tokens */
  --navigation-surface: #fafaf8;
  --navigation-content: #626966;
  --dock-active-surface: var(--color-action-primary);
  --dock-active-content: var(--color-action-on-primary);
  --control-min-target: 44px;
  --control-height: 2.25rem;
  --control-radius: 9px;
  --panel-radius: 12px;
  --dock-radius: 18px;
  --elevation-flat: none;
  --elevation-floating: 0 6px 20px rgb(37 45 67 / 7%);
  --elevation-overlay: 0 18px 48px rgb(18 26 43 / 18%);
  --focus-ring: 0 0 0 3px rgb(0 95 204 / 28%);

  --composition-inset-x: 2.5rem;
  --composition-inset-top: 1.5rem;
  --composition-gap: 1rem;
  --composition-rail-width: 18rem;
  --content-max: 90rem;

  /* Carbon UI v1: compatibility aliases */
  --color-bg: var(--color-canvas);
  --color-text: var(--color-text-primary);
  --color-primary: var(--color-action-primary);
  --color-primary-hover: var(--color-action-primary-hover);
  --color-primary-soft: var(--color-selection);
  --color-on-primary: var(--color-action-on-primary);
  --color-success: var(--color-positive);
  --color-success-bg: var(--color-positive-surface);
  --color-warning: var(--color-attention);
  --color-warning-bg: var(--color-attention-surface);
  --color-danger: var(--color-critical);
  --color-danger-bg: var(--color-critical-surface);
  --color-info-bg: var(--color-info-surface);
  --color-border: var(--color-divider);
  --color-border-strong: var(--color-border-functional);
  --color-disabled-bg: var(--color-disabled-surface);
  --color-disabled-text: var(--color-disabled-content);
  --color-text-muted: var(--color-text-secondary);
  --shadow-sm: var(--elevation-floating);
  --shadow-md: var(--elevation-floating);
  --shadow-lg: var(--elevation-overlay);
}

/* Shared Conversation pattern tokens; u1 names are compatibility aliases. */
:root {
  color-scheme: light;
  --u1-page: var(--color-canvas);
  --u1-workspace-surface: var(--color-surface-secondary);
  --u1-input-surface: var(--color-surface-secondary);
  --u1-surface: var(--color-surface);
  --u1-surface-subtle: var(--color-surface-subtle);
  --u1-surface-raised: var(--color-surface);
  --u1-text: var(--color-text-primary);
  --u1-text-secondary: var(--color-text-secondary);
  --u1-text-subtle: var(--color-text-subtle);
  --u1-border: var(--color-border-functional);
  --u1-border-soft: var(--color-divider);
  --u1-selection: var(--color-selection);
  --u1-selection-accent: var(--color-selection-accent);
  --u1-ai-message: var(--color-assisted);
  --u1-ai-message-text: var(--color-text-primary);
  --u1-system-surface: var(--color-surface-emphasis);
  --u1-chip-surface: var(--color-surface-emphasis);
  --u1-chip-strong: var(--color-divider);
  --u1-hover: var(--color-surface-subtle);
  --u1-warning-surface: var(--color-attention-surface);
  --u1-warning-text: var(--color-attention);
  --u1-closed-surface: var(--color-surface-emphasis);
  --u1-closed-text: var(--color-text-secondary);
  --u1-whatsapp: var(--color-positive);
  --u1-context-active: var(--color-action-primary);
  --u1-context-active-text: var(--color-action-on-primary);
  --u1-focus: var(--color-focus);
  --u1-positive: var(--color-positive);
  --u1-positive-surface: var(--color-positive-surface);
  --u1-danger: var(--color-critical);
  --u1-danger-text: var(--color-action-on-primary);
  --u1-card-surface: var(--color-surface);
  --u1-composer-input-surface: var(--u1-input-surface);
  --u1-note-surface: var(--color-attention-surface);
  --u1-note-text: var(--color-attention);
  --u1-avatar-sage: #dcebe4;
  --u1-avatar-blue: #dce7f5;
  --u1-avatar-plum: #e8dff3;
  --u1-avatar-amber: #f3e5ce;
  --u1-avatar-rose: #f3dde3;
  --u1-avatar-slate: #dfe3ea;
  --u1-avatar-teal: #d8ebe9;
  --u1-avatar-text: var(--color-text-primary);
  --u1-shadow: var(--elevation-floating);
  --u1-backdrop-glass: rgb(255 255 255 / 88%);
  --u1-conversation-wallpaper-surface: #d2d2d2;
  --u1-conversation-wallpaper-image: url("/crm-v3/assets/conversation-wallpaper.svg");
  --u1-motion: var(--motion-slow);
  --u1-easing: var(--motion-easing);
}