/* Virtual.Support design tokens, generated from the Virtual.Support design system (tokens.json). */
:root {
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --surface: #f6f7f9;
  --surface-raised: #ffffff;
  --surface-sunken: #eceff4;
  --line: #dde2ea;
  --line-strong: #7d889b;
  --ink: #0f1b2d;
  --ink-muted: #4a5568;
  --brand: #1747c7;
  --brand-soft: #e6edfd;
  --on-brand: #ffffff;
  --email: #0b6e80;
  --email-soft: #e2f3f6;
  --phone: #9a5200;
  --phone-soft: #fcefdc;
  --sms: #a8235a;
  --sms-soft: #fbe7ef;
  --security: #4338ca;
  --security-soft: #ebecfd;
  --success: #12703a;
  --success-soft: #e2f4e9;
  --warning: #855600;
  --warning-soft: #fdf2d6;
  --danger: #b42318;
  --danger-soft: #fde8e6;
  --on-danger: #ffffff;
  --shadow-1: 0 1px 2px rgba(15,27,45,0.06), 0 1px 3px rgba(15,27,45,0.08);
  --shadow-2: 0 8px 24px rgba(15,27,45,0.12);
}
[data-theme="dark"] {
  color-scheme: dark;
  --surface: #0b1220;
  --surface-raised: #121b2c;
  --surface-sunken: #070c16;
  --line: #243049;
  --line-strong: #5f6d88;
  --ink: #e8edf5;
  --ink-muted: #a3aec2;
  --brand: #7ea6ff;
  --brand-soft: #17264a;
  --on-brand: #0b1220;
  --email: #4fc3d1;
  --email-soft: #0d2a31;
  --phone: #f5b25a;
  --phone-soft: #33240f;
  --sms: #f48fb8;
  --sms-soft: #3a1526;
  --security: #a9b6fd;
  --security-soft: #1f2150;
  --success: #62d28e;
  --success-soft: #0f2a1a;
  --warning: #f2c14e;
  --warning-soft: #33280c;
  --danger: #ff8f85;
  --danger-soft: #3b1512;
  --on-danger: #0b1220;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-2: 0 8px 24px rgba(0,0,0,0.6);
}