/* Auto-generated by design-tokens/build.js. Do not edit manually. */
:root {
  --color-background-light: #f1f5f9;
  --color-background-primary: #ffffff;
  --color-background-secondary: #f8fafc;
  --color-border-default: #e5e7eb;
  --color-brand-primary: #667eea;
  --color-brand-primary-dark: #764ba2;
  --color-brand-primary-light: #8b9cf7;
  --color-brand-primary-rgb: 102, 126, 234;
  --color-brand-secondary: #4facfe;
  --color-brand-secondary-dark: #00f2fe;
  --color-dropdown-bg: #ffffff;
  --color-dropdown-hover-bg: #f1f5f9;
  --color-dropdown-selected-bg: rgba(102, 126, 234, 0.15);
  --color-dropdown-text: #1a202c;
  --color-input-bg: #ffffff;
  --color-input-border: #e5e7eb;
  --color-input-focus-border: #667eea;
  --color-input-placeholder: #94a3b8;
  --color-input-text: #1a202c;
  --color-semantic-error: #ef4444;
  --color-semantic-error-rgb: 239, 68, 68;
  --color-semantic-info: #3b82f6;
  --color-semantic-info-rgb: 59, 130, 246;
  --color-semantic-success: #10b981;
  --color-semantic-success-rgb: 16, 185, 129;
  --color-semantic-warning: #f59e0b;
  --color-semantic-warning-rgb: 245, 158, 11;
  --color-sidebar-active: #667eea;
  --color-sidebar-active-bg: rgba(102, 126, 234, 0.15);
  --color-sidebar-bg: #ffffff;
  --color-sidebar-header-bg: #f8fafc;
  --color-sidebar-hover-bg: rgba(102, 126, 234, 0.08);
  --color-sidebar-icon: #2563eb;
  --color-sidebar-text: #0f172a;
  --color-text-muted: #94a3b8;
  --color-text-primary: #1a202c;
  --color-text-secondary: #64748b;
  --component-alert-error-bg: #ef4444;
  --component-alert-info-bg: #3b82f6;
  --component-alert-radius: 8px;
  --component-alert-success-bg: #10b981;
  --component-alert-warning-bg: #f59e0b;
  --component-button-font-size: 0.875rem;
  --component-button-height: 40px;
  --component-button-outline-text: #64748b;
  --component-button-padding-inline: 1rem;
  --component-button-primary-text: #ffffff;
  --component-button-radius: 8px;
  --component-button-secondary-text: #ffffff;
  --component-card-background: #ffffff;
  --component-card-border-color: #e5e7eb;
  --component-card-radius: 8px;
  --component-card-shadow: 0 2px 8px rgba(0,0,0,0.1);
  --component-field-font-size: 1rem;
  --component-field-height: 44px;
  --component-field-height-mobile: 48px;
  --component-field-radius: 8px;
  --component-sidebar-active: #667eea;
  --component-sidebar-active-bg: rgba(102, 126, 234, 0.15);
  --component-sidebar-bg: #ffffff;
  --component-sidebar-header-bg: #f8fafc;
  --component-sidebar-hover-bg: rgba(102, 126, 234, 0.08);
  --component-sidebar-icon-color: #2563eb;
  --component-sidebar-text: #0f172a;
  --component-sidebar-width: 280px;
  --component-table-density-y-comfortable: 0.625rem;
  --component-table-density-y-compact: 0.5rem;
  --component-table-density-y-default: 0.625rem;
  --motion-transition-base: 200ms ease-in-out;
  --motion-transition-fast: 150ms ease-in-out;
  --motion-transition-slow: 300ms ease-in-out;
  --motion-transition-smooth-system: 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
  --radius-base: 0.375rem;
  --radius-full: 9999px;
  --radius-lg: 0.75rem;
  --radius-md: 0.5rem;
  --radius-sm: 0.25rem;
  --radius-system: 8px;
  --radius-xl: 1rem;
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 8px 25px rgba(0,0,0,0.15);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-surface: 0 2px 8px rgba(0,0,0,0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --space-0: 0;
  --space-1: 0.25rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --typography-font-family-base: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --typography-font-size-2xl: 1.5rem;
  --typography-font-size-3xl: 1.875rem;
  --typography-font-size-base: 1rem;
  --typography-font-size-lg: 1.125rem;
  --typography-font-size-sm: 0.875rem;
  --typography-font-size-xl: 1.25rem;
  --typography-font-size-xs: 0.75rem;
  --typography-line-height-normal: 1.5;
  --typography-line-height-relaxed: 1.75;
  --typography-line-height-tight: 1.25;
}

/* CRMAnglor compatibility aliases */
:root {
  --primary-color: var(--color-brand-primary);
  --primary-dark: var(--color-brand-primary-dark);
  --primary-light: var(--color-brand-primary-light);
  --primary-rgb: var(--color-brand-primary-rgb);
  --secondary-color: var(--color-brand-secondary);
  --secondary-dark: var(--color-brand-secondary-dark);
  --success-color: var(--color-semantic-success);
  --warning-color: var(--color-semantic-warning);
  --error-color: var(--color-semantic-error);
  --info-color: var(--color-semantic-info);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --background-primary: var(--color-background-primary);
  --background-secondary: var(--color-background-secondary);
  --background-light: var(--color-background-light);
  --border-color: var(--color-border-default);
  --sidebar-bg: var(--color-sidebar-bg);
  --sidebar-text: var(--color-sidebar-text);
  --sidebar-icon-color: var(--color-sidebar-icon);
  --sidebar-active: var(--color-sidebar-active);
  --sidebar-hover-bg: var(--color-sidebar-hover-bg);
  --sidebar-active-bg: var(--color-sidebar-active-bg);
  --sidebar-header-bg: var(--color-sidebar-header-bg);
  --input-bg: var(--color-input-bg);
  --input-text: var(--color-input-text);
  --input-placeholder: var(--color-input-placeholder);
  --input-border: var(--color-input-border);
  --input-focus-border: var(--color-input-focus-border);
  --dropdown-bg: var(--color-dropdown-bg);
  --dropdown-text: var(--color-dropdown-text);
  --dropdown-hover-bg: var(--color-dropdown-hover-bg);
  --dropdown-selected-bg: var(--color-dropdown-selected-bg);
  --shadow: var(--shadow-surface);
  --border-radius: var(--radius-system);
  --ds-field-height: var(--component-field-height);
  --ds-field-height-mobile: var(--component-field-height-mobile);
  --ds-field-font-size: var(--component-field-font-size);
  --ds-btn-height: var(--component-button-height);
  --ds-btn-font-size: var(--component-button-font-size);
  --ds-btn-primary-text: var(--component-button-primary-text);
  --ds-btn-secondary-text: var(--component-button-secondary-text);
  --ds-btn-outline-text: var(--component-button-outline-text);
  --ds-grid-density-y: var(--component-table-density-y-default);
}