/* Auto-generated from packages/cvety-design-system/tokens.json. */
/* Storefront is the default theme; CRM values are namespaced below. */

:root,
[data-cvety-theme="storefront"] {
  --color-primary: #ff6666;
  --color-primary-dark: #ce3a3a;
  --color-primary-light: #f8dfdf;
  --color-primary-bg: #fff5f5;
  --color-primary-50: rgba(255, 102, 102, 0.50);
  --color-primary-28: rgba(255, 102, 102, 0.28);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray-900: #3b3b3b;
  --color-gray-600: #8f8f8f;
  --color-gray-400: #bcbcbc;
  --color-gray-300: #d9d9d9;
  --color-gray-200: #dfdfdf;
  --color-gray-150: #ececec;
  --color-gray-100: #f5f5f5;
  --color-gray-50: #fcfcfc;
  --color-success: #01bc6f;
  --color-error: #fe0000;
  --color-info: #6183e4;
  --color-highlight: #e4ef7d;
  --color-success-bg: rgba(1, 188, 111, 0.12);
  --color-success-border: rgba(1, 188, 111, 0.32);
  --color-success-text: #017a48;
  --color-success-icon: #01bc6f;
  --color-error-bg: rgba(254, 0, 0, 0.08);
  --color-error-border: rgba(254, 0, 0, 0.24);
  --color-error-text: #b42318;
  --color-error-icon: #fe0000;
  --color-info-bg: rgba(97, 131, 228, 0.12);
  --color-info-border: rgba(97, 131, 228, 0.28);
  --color-info-text: #3557b7;
  --color-info-icon: #6183e4;
  --color-warning-bg: #fff3e0;
  --color-warning-border: #ffb74d;
  --color-warning-text: #5d4037;
  --color-warning-icon: #8d6e63;
  --color-overlay: rgba(0, 0, 0, 0.50);
  --color-shadow-sm: rgba(0, 0, 0, 0.04);
  --color-shadow-md: rgba(0, 0, 0, 0.12);
  --color-shadow-lg: rgba(0, 0, 0, 0.15);
  --color-focus-stroke: #80bef8;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;
  --breakpoint-mobile-max: 552px;
  --breakpoint-tablet-max: 992px;
  --breakpoint-desktop-sm-max: 1160px;
  --breakpoint-desktop-max: 1360px;
  --container-max: 1360px;
  --container-padding: 16px;
}

[data-cvety-theme="crm"] {
  --crm-colors-brand-default: #8A49F3;
  --crm-colors-brand-hover: #7835E8;
  --crm-colors-brand-active: #6621DD;
  --crm-colors-brand-light: #B89FF8;
  --crm-colors-brand-lightest: #EDE6FD;
  --crm-colors-background-default: #FFFFFF;
  --crm-colors-background-muted: #EEEDF2;
  --crm-colors-background-input: #F1F1F1;
  --crm-colors-foreground-default: #1a1a1a;
  --crm-colors-foreground-muted: #6B6773;
  --crm-colors-foreground-secondary: #6B6773;
  --crm-colors-status-new: #EB5757;
  --crm-colors-status-paid: #5E81DC;
  --crm-colors-status-accepted: #DC5EC0;
  --crm-colors-status-assembling: #F8C20B;
  --crm-colors-status-assembled: #F8C20B;
  --crm-colors-status-delivery: #7FC663;
  --crm-colors-status-completed: #00BC6D;
  --crm-colors-status-cancelled: #d4183d;
  --crm-colors-semantic-success: #00BC6D;
  --crm-colors-semantic-successLight: #E6F9F0;
  --crm-colors-semantic-warning: #FFDA59;
  --crm-colors-semantic-warningLight: #FFF9E6;
  --crm-colors-semantic-error: #FF5959;
  --crm-colors-semantic-errorLight: #FFE6E6;
  --crm-colors-border: rgba(0, 0, 0, 0.1);
  --crm-spacing-xs: 4;
  --crm-spacing-sm: 8;
  --crm-spacing-md: 16;
  --crm-spacing-lg: 24;
  --crm-spacing-xl: 32;
  --crm-spacing-2xl: 48;
  --crm-radius-sm: 2;
  --crm-radius-md: 4;
  --crm-radius-lg: 8;
  --crm-radius-xl: 12;
  --crm-radius-full: 9999;
  --crm-typography-fontFamily-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --crm-typography-fontSize-xs: 12;
  --crm-typography-fontSize-sm: 14;
  --crm-typography-fontSize-base: 16;
  --crm-typography-fontSize-lg: 18;
  --crm-typography-fontSize-xl: 20;
  --crm-typography-fontSize-2xl: 24;
  --crm-typography-fontSize-3xl: 30;
  --crm-typography-fontWeight-normal: 400;
  --crm-typography-fontWeight-medium: 500;
  --crm-typography-fontWeight-semibold: 600;
  --crm-typography-fontWeight-bold: 700;
  --crm-typography-lineHeight-tight: 1.2;
  --crm-typography-lineHeight-snug: 1.375;
  --crm-typography-lineHeight-normal: 1.5;
  --crm-shadows-sm-offset-width: 0;
  --crm-shadows-sm-offset-height: 1;
  --crm-shadows-sm-radius: 2;
  --crm-shadows-sm-opacity: 0.05;
  --crm-shadows-sm-color: #000000;
  --crm-shadows-md-offset-width: 0;
  --crm-shadows-md-offset-height: 4;
  --crm-shadows-md-radius: 6;
  --crm-shadows-md-opacity: 0.1;
  --crm-shadows-md-color: #000000;
  --crm-shadows-lg-offset-width: 0;
  --crm-shadows-lg-offset-height: 10;
  --crm-shadows-lg-radius: 15;
  --crm-shadows-lg-opacity: 0.1;
  --crm-shadows-lg-color: #000000;
  --crm-motion-fast: 150;
  --crm-motion-normal: 200;
  --crm-motion-slow: 300;
  --crm-motion-easing-easeOut: ease-out;
  --crm-motion-easing-easeInOut: ease-in-out;
}