@import url('/catalog/view/theme/digital4u_b2b/font/Gotham/font.css');

/* Dynamic Theme CSS - Generated automatically */
:root {
  --primary-color: #e21d1a;
  --primary-200: #cb1a17;
  --primary-300: #b51715;
  --primary-400: #9e1412;
  --primary-500: #881110;
  --primary-600: #710f0d;
  --primary-700: #5a0c0a;
  --primary-800: #440908;
  --primary-900: #2d0605;
  --secondary-color: #270f45;
  --secondary-200: #230e3e;
  --secondary-300: #1f0c37;
  --secondary-400: #1b0b30;
  --secondary-500: #170929;
  --secondary-600: #140823;
  --secondary-700: #10061c;
  --secondary-800: #0c0515;
  --secondary-900: #08030e;
  --accent-color: #f2f2f2;
  --accent-200: #dadada;
  --accent-300: #c2c2c2;
  --accent-400: #a9a9a9;
  --accent-500: #919191;
  --accent-600: #797979;
  --accent-700: #616161;
  --accent-800: #494949;
  --accent-900: #303030;
  --generic-color: #1f2937;
  --generic-200: #1c2532;
  --generic-300: #19212c;
  --generic-400: #161d27;
  --generic-500: #131921;
  --generic-600: #10151c;
  --generic-700: #0c1016;
  --generic-800: #090c11;
  --generic-900: #06080b;
  --category-title-bg: #1f2937;
  --font-family: 'Gotham', sans-serif;
  --font-size-base: 15px;
  --font-weight-base: 400;
  --body-text-color: #888888;
  --border-radius: 8px;
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Utility Classes */
.text-primary { color: var(--primary-color) !important; }
.text-primary-200 { color: var(--primary-200) !important; }
.text-primary-300 { color: var(--primary-300) !important; }
.text-primary-400 { color: var(--primary-400) !important; }
.text-primary-500 { color: var(--primary-500) !important; }
.text-primary-600 { color: var(--primary-600) !important; }
.text-primary-700 { color: var(--primary-700) !important; }
.text-primary-800 { color: var(--primary-800) !important; }
.text-primary-900 { color: var(--primary-900) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-secondary-200 { color: var(--secondary-200) !important; }
.text-secondary-300 { color: var(--secondary-300) !important; }
.text-secondary-400 { color: var(--secondary-400) !important; }
.text-secondary-500 { color: var(--secondary-500) !important; }
.text-secondary-600 { color: var(--secondary-600) !important; }
.text-secondary-700 { color: var(--secondary-700) !important; }
.text-secondary-800 { color: var(--secondary-800) !important; }
.text-secondary-900 { color: var(--secondary-900) !important; }
.text-accent { color: var(--accent-color) !important; }
.text-accent-200 { color: var(--accent-200) !important; }
.text-accent-300 { color: var(--accent-300) !important; }
.text-accent-400 { color: var(--accent-400) !important; }
.text-accent-500 { color: var(--accent-500) !important; }
.text-accent-600 { color: var(--accent-600) !important; }
.text-accent-700 { color: var(--accent-700) !important; }
.text-accent-800 { color: var(--accent-800) !important; }
.text-accent-900 { color: var(--accent-900) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-primary-200 { background-color: var(--primary-200) !important; }
.bg-primary-300 { background-color: var(--primary-300) !important; }
.bg-primary-400 { background-color: var(--primary-400) !important; }
.bg-primary-500 { background-color: var(--primary-500) !important; }
.bg-primary-600 { background-color: var(--primary-600) !important; }
.bg-primary-700 { background-color: var(--primary-700) !important; }
.bg-primary-800 { background-color: var(--primary-800) !important; }
.bg-primary-900 { background-color: var(--primary-900) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-secondary-200 { background-color: var(--secondary-200) !important; }
.bg-secondary-300 { background-color: var(--secondary-300) !important; }
.bg-secondary-400 { background-color: var(--secondary-400) !important; }
.bg-secondary-500 { background-color: var(--secondary-500) !important; }
.bg-secondary-600 { background-color: var(--secondary-600) !important; }
.bg-secondary-700 { background-color: var(--secondary-700) !important; }
.bg-secondary-800 { background-color: var(--secondary-800) !important; }
.bg-secondary-900 { background-color: var(--secondary-900) !important; }
.bg-accent { background-color: var(--accent-color) !important; }
.bg-accent-200 { background-color: var(--accent-200) !important; }
.bg-accent-300 { background-color: var(--accent-300) !important; }
.bg-accent-400 { background-color: var(--accent-400) !important; }
.bg-accent-500 { background-color: var(--accent-500) !important; }
.bg-accent-600 { background-color: var(--accent-600) !important; }
.bg-accent-700 { background-color: var(--accent-700) !important; }
.bg-accent-800 { background-color: var(--accent-800) !important; }
.bg-accent-900 { background-color: var(--accent-900) !important; }
.border-primary { border-color: var(--primary-color) !important; }
.border-primary-200 { border-color: var(--primary-200) !important; }
.border-primary-300 { border-color: var(--primary-300) !important; }
.border-primary-400 { border-color: var(--primary-400) !important; }
.border-primary-500 { border-color: var(--primary-500) !important; }
.border-primary-600 { border-color: var(--primary-600) !important; }
.border-primary-700 { border-color: var(--primary-700) !important; }
.border-primary-800 { border-color: var(--primary-800) !important; }
.border-primary-900 { border-color: var(--primary-900) !important; }
.border-secondary { border-color: var(--secondary-color) !important; }
.border-secondary-200 { border-color: var(--secondary-200) !important; }
.border-secondary-300 { border-color: var(--secondary-300) !important; }
.border-secondary-400 { border-color: var(--secondary-400) !important; }
.border-secondary-500 { border-color: var(--secondary-500) !important; }
.border-secondary-600 { border-color: var(--secondary-600) !important; }
.border-secondary-700 { border-color: var(--secondary-700) !important; }
.border-secondary-800 { border-color: var(--secondary-800) !important; }
.border-secondary-900 { border-color: var(--secondary-900) !important; }
.border-accent { border-color: var(--accent-color) !important; }
.border-accent-200 { border-color: var(--accent-200) !important; }
.border-accent-300 { border-color: var(--accent-300) !important; }
.border-accent-400 { border-color: var(--accent-400) !important; }
.border-accent-500 { border-color: var(--accent-500) !important; }
.border-accent-600 { border-color: var(--accent-600) !important; }
.border-accent-700 { border-color: var(--accent-700) !important; }
.border-accent-800 { border-color: var(--accent-800) !important; }
.border-accent-900 { border-color: var(--accent-900) !important; }
.text-generic { color: var(--generic-color) !important; }
.text-generic-200 { color: var(--generic-200) !important; }
.text-generic-300 { color: var(--generic-300) !important; }
.text-generic-400 { color: var(--generic-400) !important; }
.text-generic-500 { color: var(--generic-500) !important; }
.text-generic-600 { color: var(--generic-600) !important; }
.text-generic-700 { color: var(--generic-700) !important; }
.text-generic-800 { color: var(--generic-800) !important; }
.text-generic-900 { color: var(--generic-900) !important; }
.bg-generic { background-color: var(--generic-color) !important; }
.bg-generic-200 { background-color: var(--generic-200) !important; }
.bg-generic-300 { background-color: var(--generic-300) !important; }
.bg-generic-400 { background-color: var(--generic-400) !important; }
.bg-generic-500 { background-color: var(--generic-500) !important; }
.bg-generic-600 { background-color: var(--generic-600) !important; }
.bg-generic-700 { background-color: var(--generic-700) !important; }
.bg-generic-800 { background-color: var(--generic-800) !important; }
.bg-generic-900 { background-color: var(--generic-900) !important; }
.border-generic { border-color: var(--generic-color) !important; }
.border-generic-200 { border-color: var(--generic-200) !important; }
.border-generic-300 { border-color: var(--generic-300) !important; }
.border-generic-400 { border-color: var(--generic-400) !important; }
.border-generic-500 { border-color: var(--generic-500) !important; }
.border-generic-600 { border-color: var(--generic-600) !important; }
.border-generic-700 { border-color: var(--generic-700) !important; }
.border-generic-800 { border-color: var(--generic-800) !important; }
.border-generic-900 { border-color: var(--generic-900) !important; }
.rounded-custom { border-radius: var(--border-radius) !important; }
.shadow-custom { box-shadow: var(--shadow) !important; }
.bg-category-title { background-color: var(--category-title-bg) !important; }

/* Body Styles */
body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--body-text-color);
}