:root {
  /* Primary */
  --wb-primary: #1e293b;
  --wb-primary-strong: #0f172a;
  --wb-primary-light: #1e293b14;
  --wb-primary-border: #1e293b25;

  /* Success */
  --wb-success: #16a34a;
  --wb-success-light: #16a34a1a;

  /* Warning */
  --wb-warning: #d97706;
  --wb-warning-light: #d977061a;

  /* Error */
  --wb-error: #dc2626;
  --wb-error-light: #dc26261a;

  /* Text */
  --wb-text: #0f172a;
  --wb-text-muted: #64748b;

  /* Surface */
  --wb-panel: #ffffffeb;
  --wb-panel-strong: #fffffffa;
  --wb-header-bg: #ffffffd6;
  --wb-input-bg: #ffffff;
  --wb-input-border: #b0b7bf;
  --wb-disabled-bg: #f1f5f9;

  /* Border */
  --wb-card-border: #e5e7eb;
  --wb-button-border: #d5dde7;
  --wb-button-border-strong: #c0cada;

  /* Button */
  --wb-button-secondary-bg: #ffffffeb;
  --wb-button-secondary-bg-hover: #fffffffa;
  --wb-button-secondary-text: #0f172a;

  /* Icon */
  --wb-icon-surface: #e8eef5;
  --wb-icon-card-border: #dbe3ec;

  /* Message */
  --wb-message-info-bg: #fffffff7;
  --wb-message-info-border: #94a3b842;
  --wb-message-info-text: #0f172a;
  --wb-message-success-bg: #f0fdf4fa;
  --wb-message-success-border: #4ade8047;
  --wb-message-success-text: #166534;
  --wb-message-warning-bg: #fff7edfa;
  --wb-message-warning-border: #fbbf2452;
  --wb-message-warning-text: #b45309;
  --wb-message-error-bg: #fef2f2fa;
  --wb-message-error-border: #f8717147;
  --wb-message-error-text: #b91c1c;

  /* Typography */
  --wb-font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
  --wb-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* Radius */
  --wb-radius-sm: 6px;
  --wb-radius-md: 8px;
  --wb-radius-lg: 12px;

  /* Shadow */
  --wb-shadow-sm: 0 2px 4px #0f172a0d;
  --wb-shadow: 0 16px 40px #0f172a0f;
  --wb-shadow-lg: 0 24px 60px #0f172a1a;

  /* Code */
  --wb-code-bg: #f8fafc;
  --wb-code-text: #334155;
  --wb-code-border: #d1d5db;
}