/* ==========================================================================
   VTN GROUP - BRAND SUB-THEMES STYLES
   ========================================================================== */

/* 1. De L'archi Brand Styling */
.brand-theme-delarchi {
  --brand-primary: #c85a32;
  --brand-secondary: #e8a87c;
  --brand-accent: #2e6f40;
  --brand-bg: #fffbf7;
}

.brand-theme-delarchi .brand-hero {
  background: linear-gradient(135deg, #2b1710 0%, #c85a32 100%);
}

.brand-theme-delarchi .btn-brand {
  background-color: #c85a32;
  color: #ffffff;
}

.brand-theme-delarchi .btn-brand:hover {
  background-color: #a74521;
}

/* 2. Rêu Decor Brand Styling */
.brand-theme-reu {
  --brand-primary: #4a6b5d;
  --brand-secondary: #c5a059;
  --brand-accent: #78866b;
  --brand-bg: #f7f9f8;
}

.brand-theme-reu .brand-hero {
  background: linear-gradient(135deg, #1c2e27 0%, #4a6b5d 100%);
}

.brand-theme-reu .btn-brand {
  background-color: #4a6b5d;
  color: #ffffff;
}

.brand-theme-reu .btn-brand:hover {
  background-color: #375246;
}

/* 3. 3T Manufacturing Brand Styling */
.brand-theme-3t {
  --brand-primary: #1b4965;
  --brand-secondary: #e76f51;
  --brand-accent: #2b2d42;
  --brand-bg: #f4f7f9;
}

.brand-theme-3t .brand-hero {
  background: linear-gradient(135deg, #0d2331 0%, #1b4965 70%, #e76f51 100%);
}

.brand-theme-3t .btn-brand {
  background-color: #e76f51;
  color: #ffffff;
}

.brand-theme-3t .btn-brand:hover {
  background-color: #d15638;
}

/* 4. VTN Global Brand Styling */
.brand-theme-global {
  --brand-primary: #2a9d8f;
  --brand-secondary: #e9d8a6;
  --brand-accent: #264653;
  --brand-bg: #f0f8f7;
}

.brand-theme-global .brand-hero {
  background: linear-gradient(135deg, #152c38 0%, #264653 60%, #2a9d8f 100%);
}

.brand-theme-global .btn-brand {
  background-color: #2a9d8f;
  color: #ffffff;
}

.brand-theme-global .btn-brand:hover {
  background-color: #207a6f;
}