html[data-theme="brij"] {
  --ink: #17244d;
  --asphalt: #1d2a5c;
  --asphalt-2: #3d5790;
  --molten: #d47b59;
  --gold: #b5d7e8;
  --sage: #7aa9c1;
  --clay: #b96950;
  --cream: #f6f8fc;
  --paper: #edf2f8;
  --paper-2: #dce5f1;
  --line: rgba(23, 36, 77, 0.16);
  --shadow: 0 28px 86px rgba(29, 42, 92, 0.16);
  --hero-surface: #1d2a5c;
}

html[data-theme="brij"] body {
  background:
    linear-gradient(90deg, rgba(23, 36, 77, 0.045) 1px, transparent 1px) 0 0 / 70px 70px,
    linear-gradient(180deg, rgba(23, 36, 77, 0.03) 1px, transparent 1px) 0 0 / 70px 70px,
    linear-gradient(135deg, #f4f7fb 0%, #dce5f1 55%, #f7f3ef 100%);
}

html[data-theme="brij"] .application-section,
html[data-theme="brij"] .unit-one-section,
html[data-theme="brij"] .contact-section {
  background: linear-gradient(180deg, #1d2a5c, #3d5790);
}

html[data-theme="brij"] .clients-section {
  background: linear-gradient(180deg, #edf2f8, #dce5f1);
}

html[data-theme="brij"] .process-gallery figcaption,
html[data-theme="brij"] .application-media figcaption,
html[data-theme="brij"] .product-media-row figcaption {
  background: #1d2a5c;
}

html[data-theme="azure"] {
  --ink: #0d2b3d;
  --asphalt: #173a5c;
  --asphalt-2: #285a7f;
  --molten: #e87d5b;
  --gold: #a9e8ea;
  --sage: #78afc5;
  --clay: #ca664b;
  --cream: #f4fbff;
  --paper: #eef6fb;
  --paper-2: #d8e8f2;
  --line: rgba(13, 43, 61, 0.15);
  --shadow: 0 28px 86px rgba(23, 58, 92, 0.17);
  --hero-surface: #173a5c;
}

html[data-theme="azure"] body {
  background:
    linear-gradient(90deg, rgba(13, 43, 61, 0.05) 1px, transparent 1px) 0 0 / 70px 70px,
    linear-gradient(180deg, rgba(13, 43, 61, 0.035) 1px, transparent 1px) 0 0 / 70px 70px,
    linear-gradient(135deg, #eef6fb 0%, #d8e8f2 52%, #fff1dd 100%);
}

html[data-theme="azure"] .hero-shell::before {
  background:
    linear-gradient(90deg, rgba(8, 31, 46, 0.92) 0%, rgba(8, 31, 46, 0.7) 38%, rgba(8, 31, 46, 0.22) 70%, rgba(8, 31, 46, 0.84) 100%),
    linear-gradient(180deg, rgba(8, 31, 46, 0.1), rgba(8, 31, 46, 0.94));
}

html[data-theme="azure"] .application-section,
html[data-theme="azure"] .unit-one-section,
html[data-theme="azure"] .contact-section {
  background: linear-gradient(180deg, #173a5c, #285a7f);
}

html[data-theme="azure"] .clients-section {
  background: linear-gradient(180deg, #eef6fb, #d8e8f2);
}

html[data-theme="azure"] .process-gallery figcaption,
html[data-theme="azure"] .application-media figcaption,
html[data-theme="azure"] .product-media-row figcaption {
  background: #173a5c;
}

html[data-theme="verdant"] {
  --ink: #18352d;
  --asphalt: #18382f;
  --asphalt-2: #2c5a48;
  --molten: #df7650;
  --gold: #d4f58b;
  --sage: #75ad8f;
  --clay: #b86141;
  --cream: #f7fbe9;
  --paper: #f1f7e7;
  --paper-2: #dfeccf;
  --line: rgba(24, 53, 45, 0.15);
  --shadow: 0 28px 86px rgba(24, 56, 47, 0.17);
  --hero-surface: #18382f;
}

html[data-theme="verdant"] body {
  background:
    linear-gradient(90deg, rgba(24, 53, 45, 0.05) 1px, transparent 1px) 0 0 / 70px 70px,
    linear-gradient(180deg, rgba(24, 53, 45, 0.035) 1px, transparent 1px) 0 0 / 70px 70px,
    linear-gradient(135deg, #f3f8ea 0%, #e1edcf 52%, #fff1de 100%);
}

html[data-theme="verdant"] .hero-shell::before {
  background:
    linear-gradient(90deg, rgba(15, 45, 36, 0.92) 0%, rgba(15, 45, 36, 0.7) 38%, rgba(15, 45, 36, 0.22) 70%, rgba(15, 45, 36, 0.84) 100%),
    linear-gradient(180deg, rgba(15, 45, 36, 0.1), rgba(15, 45, 36, 0.94));
}

html[data-theme="verdant"] .application-section,
html[data-theme="verdant"] .unit-one-section,
html[data-theme="verdant"] .contact-section {
  background: linear-gradient(180deg, #18382f, #2c5a48);
}

html[data-theme="verdant"] .clients-section {
  background: linear-gradient(180deg, #f3f8ea, #e1edcf);
}

html[data-theme="verdant"] .process-gallery figcaption,
html[data-theme="verdant"] .application-media figcaption,
html[data-theme="verdant"] .product-media-row figcaption {
  background: #18382f;
}