:root
{
  --color-primary: #284093;
  --color-primary-dark: #1b2c63;
  --color-primary-light: #34699f;
  --color-primary-bg: #e6ecfb;
  --color-secondary: #d4820a;
  --color-secondary-dark: #a66500;
  --color-secondary-light: #f7a02a;
  --color-secondary-bg: #fff3d6;
  --color-accent: #d49500;
  --color-background: #f9fafb;
  --color-surface: #ffffff;
  --color-card: #ffffff;
  --color-border: #e5e7eb;
  --color-divider: #e5e7eb;
  --color-text: #1f2937;
  --color-text-secondary: #4b5563;
  --color-text-tertiary: #6b7280;
  --color-text-inverse: #ffffff;
  --color-success: #10b981;
  --color-success-dark: #047857;
  --color-success-bg: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-text: #b45309;
  --color-warning-bg: #fef3c7;
  --color-error: #ef4444;
  --color-error-dark: #dc2626;
  --color-error-bg: #fee2e2;
  --color-info: #3b82f6;
  --color-info-bg: #dbeafe;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray50: #f9fafb;
  --color-gray100: #f3f4f6;
  --color-gray200: #e5e7eb;
  --color-gray300: #d1d5db;
  --color-gray400: #9ca3af;
  --color-gray500: #6b7280;
  --color-gray600: #4b5563;
  --color-gray700: #374151;
  --color-gray800: #1f2937;
  --color-gray900: #111827;
  --color-disabled: #d1d5db;
  --color-overlay: rgba(0, 0, 0, 0.5);
  --color-transparent: transparent;
  --color-purple: #8b5cf6;
  --color-purple600: #7c3aed;
  --color-blue50: #eff6ff;
  --color-blue100: #dbeafe;
  --color-blue500: #3b82f6;
  --color-green50: #f0fdf4;
  --color-green100: #dcfce7;
  --color-green500: #22c55e;
  --color-red50: #fef2f2;
  --color-red100: #fee2e2;
  --color-red500: #ef4444;
  --color-yellow100: #fef9c3;
  --color-yellow500: #eab308;
  --color-indigo100: #e0e7ff;
  --color-orange: #f97316;
  --color-blue300: #93c5fd;
  --color-green800: #166534;
  --color-warning-light: #fef3c7;
  --color-warning-dark: #d97706;
  --color-error-light: #fee2e2;
  --color-success-light: #d1fae5;
  --color-whatsapp: #25D366;
  --color-kpi-total-hoje: #284093;
  --color-kpi-em-andamento: #f7a02a;
  --color-kpi-concluidas: #34699f;
  --color-kpi-distancia: #ffbf14;
  --color-kpi-distancia-dark: #0f766e;
  --color-kpi-incidentes: #1b2c63;
  --color-incident-accident: #ef4444;
  --color-incident-absent: #f59e0b;
  --color-incident-wrong-address: #3b82f6;
  --color-incident-blocked: #8b5cf6;
  --color-incident-vehicle: #ec4899;
  --color-incident-weather: #06b6d4;
  --color-incident-other: #6b7280;
  --spacing-0: 0;
  --spacing-1: 4;
  --spacing-2: 8;
  --spacing-3: 12;
  --spacing-4: 16;
  --spacing-5: 20;
  --spacing-6: 24;
  --spacing-7: 28;
  --spacing-8: 32;
  --spacing-10: 40;
  --spacing-12: 48;
  --spacing-14: 56;
  --spacing-16: 64;
  --spacing-20: 80;
  --spacing-24: 96;
  --spacing-0-5: 2;
  --spacing-1-5: 6;
  --spacing-2-5: 10;
  --spacing-3-5: 14;
  --spacing-xs: 4;
  --spacing-sm: 8;
  --spacing-md: 12;
  --spacing-lg: 16;
  --spacing-xl: 20;
  --spacing-xxl: 24;
  --spacing-2xl: 24;
  --spacing-3xl: 32;
  --spacing-4xl: 40;
  --spacing-5xl: 48;
  --spacing-6xl: 64;
  --radius-xs: 4;
  --radius-sm: 8;
  --radius-md: 10;
  --radius-lg: 12;
  --radius-xl: 16;
  --radius-xxl: 20;
  --radius-2xl: 20;
  --radius-3xl: 24;
  --radius-4xl: 32;
  --radius-full: 9999;
  --font-size-xs: 12;
  --font-size-sm: 14;
  --font-size-base: 16;
  --font-size-lg: 18;
  --font-size-xl: 20;
  --font-size-xxl: 24;
  --font-size-2xl: 24;
  --font-size-3xl: 30;
  --font-size-4xl: 36;
  --desktop-input-height: 36;
  --desktop-input-padding-horizontal: 10;
  --desktop-input-font-size: 14;
  --desktop-button-height: 32;
  --desktop-button-padding-horizontal: 12;
  --desktop-button-font-size: 13;
  --desktop-field-margin-bottom: 12;
  --desktop-section-padding: 12;
  --desktop-section-gap: 8;
  --desktop-modal-header-padding: 12;
  --desktop-modal-body-padding: 12;
  --desktop-modal-footer-padding: 12;
  --desktop-modal-footer-gap: 8;
  --desktop-modal-title-font-size: 15;
  --desktop-modal-close-button-size: 20;
  --desktop-dialog-max-width: 320;
  --desktop-dialog-container-padding: 16;
  --desktop-dialog-icon-circle-size: 44;
  --desktop-dialog-icon-size: 22;
  --desktop-dialog-title-font-size: 16;
  --desktop-dialog-message-font-size: 13;
  --desktop-dialog-button-height: 36;
  --desktop-dialog-button-padding-v: 8;
  --desktop-dialog-button-padding-h: 14;
  --desktop-dialog-button-gap: 10;
  --motion-duration-fast: 150;
  --motion-duration-normal: 250;
  --motion-duration-slow: 350;
  --motion-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

:root[data-theme="dark"]
{
  --color-primary: #7a9bdf;
  --color-primary-dark: #5a7fcc;
  --color-primary-light: #9fb8eb;
  --color-primary-bg: #1e2a4a;
  --color-secondary: #f7a02a;
  --color-secondary-dark: #d4820a;
  --color-secondary-light: #ffbf14;
  --color-secondary-bg: #3d3020;
  --color-accent: #f7a02a;
  --color-background: #0f1419;
  --color-surface: #1a2029;
  --color-card: #1f2937;
  --color-border: #374151;
  --color-divider: #374151;
  --color-text: #f3f4f6;
  --color-text-secondary: #d1d5db;
  --color-text-tertiary: #9ca3af;
  --color-text-inverse: #111827;
  --color-success: #34d399;
  --color-success-dark: #10b981;
  --color-success-bg: #064e3b;
  --color-warning: #fbbf24;
  --color-warning-text: #fbbf24;
  --color-warning-bg: #451a03;
  --color-error: #f87171;
  --color-error-dark: #ef4444;
  --color-error-bg: #450a0a;
  --color-info: #60a5fa;
  --color-info-bg: #1e3a5f;
  --color-white: #1a2029;
  --color-black: #f9fafb;
  --color-gray50: #111827;
  --color-gray100: #1f2937;
  --color-gray200: #374151;
  --color-gray300: #4b5563;
  --color-gray400: #6b7280;
  --color-gray500: #9ca3af;
  --color-gray600: #d1d5db;
  --color-gray700: #e5e7eb;
  --color-gray800: #f3f4f6;
  --color-gray900: #f9fafb;
  --color-disabled: #4b5563;
  --color-overlay: rgba(0, 0, 0, 0.7);
  --color-transparent: transparent;
  --color-purple: #a78bfa;
  --color-purple600: #8b5cf6;
  --color-blue50: #1e3a5f;
  --color-blue100: #1e40af;
  --color-blue500: #60a5fa;
  --color-green50: #064e3b;
  --color-green100: #065f46;
  --color-green500: #34d399;
  --color-red50: #450a0a;
  --color-red100: #7f1d1d;
  --color-red500: #f87171;
  --color-yellow100: #422006;
  --color-yellow500: #fcd34d;
  --color-indigo100: #312e81;
  --color-orange: #fb923c;
  --color-blue300: #3b82f6;
  --color-green800: #86efac;
  --color-warning-light: #78350f;
  --color-warning-dark: #b45309;
  --color-error-light: #7f1d1d;
  --color-success-light: #065f46;
  --color-whatsapp: #25D366;
  --color-kpi-total-hoje: #284093;
  --color-kpi-em-andamento: #f7a02a;
  --color-kpi-concluidas: #34699f;
  --color-kpi-distancia: #ffbf14;
  --color-kpi-distancia-dark: #0f766e;
  --color-kpi-incidentes: #1b2c63;
  --color-incident-accident: #ef4444;
  --color-incident-absent: #f59e0b;
  --color-incident-wrong-address: #3b82f6;
  --color-incident-blocked: #8b5cf6;
  --color-incident-vehicle: #ec4899;
  --color-incident-weather: #06b6d4;
  --color-incident-other: #6b7280;
  --spacing-0: 0;
  --spacing-1: 4;
  --spacing-2: 8;
  --spacing-3: 12;
  --spacing-4: 16;
  --spacing-5: 20;
  --spacing-6: 24;
  --spacing-7: 28;
  --spacing-8: 32;
  --spacing-10: 40;
  --spacing-12: 48;
  --spacing-14: 56;
  --spacing-16: 64;
  --spacing-20: 80;
  --spacing-24: 96;
  --spacing-0-5: 2;
  --spacing-1-5: 6;
  --spacing-2-5: 10;
  --spacing-3-5: 14;
  --spacing-xs: 4;
  --spacing-sm: 8;
  --spacing-md: 12;
  --spacing-lg: 16;
  --spacing-xl: 20;
  --spacing-xxl: 24;
  --spacing-2xl: 24;
  --spacing-3xl: 32;
  --spacing-4xl: 40;
  --spacing-5xl: 48;
  --spacing-6xl: 64;
  --radius-xs: 4;
  --radius-sm: 8;
  --radius-md: 10;
  --radius-lg: 12;
  --radius-xl: 16;
  --radius-xxl: 20;
  --radius-2xl: 20;
  --radius-3xl: 24;
  --radius-4xl: 32;
  --radius-full: 9999;
  --font-size-xs: 12;
  --font-size-sm: 14;
  --font-size-base: 16;
  --font-size-lg: 18;
  --font-size-xl: 20;
  --font-size-xxl: 24;
  --font-size-2xl: 24;
  --font-size-3xl: 30;
  --font-size-4xl: 36;
  --desktop-input-height: 36;
  --desktop-input-padding-horizontal: 10;
  --desktop-input-font-size: 14;
  --desktop-button-height: 32;
  --desktop-button-padding-horizontal: 12;
  --desktop-button-font-size: 13;
  --desktop-field-margin-bottom: 12;
  --desktop-section-padding: 12;
  --desktop-section-gap: 8;
  --desktop-modal-header-padding: 12;
  --desktop-modal-body-padding: 12;
  --desktop-modal-footer-padding: 12;
  --desktop-modal-footer-gap: 8;
  --desktop-modal-title-font-size: 15;
  --desktop-modal-close-button-size: 20;
  --desktop-dialog-max-width: 320;
  --desktop-dialog-container-padding: 16;
  --desktop-dialog-icon-circle-size: 44;
  --desktop-dialog-icon-size: 22;
  --desktop-dialog-title-font-size: 16;
  --desktop-dialog-message-font-size: 13;
  --desktop-dialog-button-height: 36;
  --desktop-dialog-button-padding-v: 8;
  --desktop-dialog-button-padding-h: 14;
  --desktop-dialog-button-gap: 10;
  --motion-duration-fast: 150;
  --motion-duration-normal: 250;
  --motion-duration-slow: 350;
  --motion-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}