/* index.html */
/* 16-color theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #8a8a8a;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #0f0f14;
  --color-dark-soft: #111827;

  --color-primary: #7b39ff;
  --color-primary-light: #8a4dff;
  --color-primary-soft: #f1e9ff;

  --color-secondary: #7b39ff;
  --color-secondary-light: #8a4dff;
  --color-secondary-soft: #f1e9ff;

  /* Semantic */
  --background-soft: #f8f8f8;
  --border-soft: #e7e7e7;
  --muted-soft: #6b7280;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(123, 57, 255, 0.10);
  --shadow-primary-25: rgba(123, 57, 255, 0.25);

  --shadow-secondary-10: rgba(15, 23, 42, 0.10);
  --shadow-secondary-25: rgba(15, 23, 42, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(255, 0, 180, 0.25);
  --gradient-01-50: rgba(255, 0, 180, 0.50);
  --gradient-02-50: rgba(0, 102, 255, 0.50);
  --gradient-03-50: rgba(0, 255, 220, 0.50);
  --gradient-04-25: rgba(180, 0, 255, 0.25);
}

/* services.html */
/* 16-color navy blue and yellow theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #7d8590;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #07111f;
  --color-dark-soft: #0f243d;

  --color-primary: #0b2d5c;
  --color-primary-light: #174a8b;
  --color-primary-soft: #eaf2ff;

  --color-secondary: #f2b705;
  --color-secondary-light: #ffd84d;
  --color-secondary-soft: #fff6d6;

  /* Semantic */
  --background-soft: #f7faff;
  --border-soft: #d9e2ef;
  --muted-soft: #5f6f85;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(11, 45, 92, 0.10);
  --shadow-primary-25: rgba(11, 45, 92, 0.25);

  --shadow-secondary-10: rgba(242, 183, 5, 0.10);
  --shadow-secondary-25: rgba(242, 183, 5, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(11, 45, 92, 0.25);
  --gradient-01-50: rgba(11, 45, 92, 0.50);

  --gradient-02-50: rgba(23, 74, 139, 0.50);
  --gradient-03-50: rgba(242, 183, 5, 0.50);

  --gradient-04-25: rgba(255, 216, 77, 0.25);
}

/* databases.html */
/* 16-color bordeaux warm theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #8f7a7d;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #1a0b10;
  --color-dark-soft: #2a1119;

  --color-primary: #7a1f35;
  --color-primary-light: #a8324f;
  --color-primary-soft: #f8e8ed;

  --color-secondary: #9f4a2f;
  --color-secondary-light: #c8643f;
  --color-secondary-soft: #fbeee7;

  /* Semantic */
  --background-soft: #fff7f5;
  --border-soft: #ead0d6;
  --muted-soft: #7f5b63;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(122, 31, 53, 0.10);
  --shadow-primary-25: rgba(122, 31, 53, 0.25);

  --shadow-secondary-10: rgba(159, 74, 47, 0.10);
  --shadow-secondary-25: rgba(159, 74, 47, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(122, 31, 53, 0.25);
  --gradient-01-50: rgba(122, 31, 53, 0.50);

  --gradient-02-50: rgba(168, 50, 79, 0.50);
  --gradient-03-50: rgba(159, 74, 47, 0.50);

  --gradient-04-25: rgba(88, 18, 37, 0.25);
}

/* data-engineering.html */
/* 16-color warm theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #9a7b6b;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #1f130d;
  --color-dark-soft: #3a2418;

  --color-primary: #e85d2a;
  --color-primary-light: #ff7a3d;
  --color-primary-soft: #fff0e6;

  --color-secondary: #d97706;
  --color-secondary-light: #f59e0b;
  --color-secondary-soft: #fff7dc;

  /* Semantic */
  --background-soft: #fff8f1;
  --border-soft: #f0d8c2;
  --muted-soft: #8a5f4a;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(232, 93, 42, 0.10);
  --shadow-primary-25: rgba(232, 93, 42, 0.25);

  --shadow-secondary-10: rgba(217, 119, 6, 0.10);
  --shadow-secondary-25: rgba(217, 119, 6, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(255, 89, 94, 0.25);
  --gradient-01-50: rgba(255, 89, 94, 0.50);

  --gradient-02-50: rgba(255, 159, 28, 0.50);
  --gradient-03-50: rgba(255, 205, 86, 0.50);

  --gradient-04-25: rgba(174, 74, 28, 0.25);
}

/* troubleshooting.html */
/* 16-color dark green theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #7f8f86;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #07140d;
  --color-dark-soft: #10251a;

  --color-primary: #0f3d2e;
  --color-primary-light: #1f6f50;
  --color-primary-soft: #e7f4ee;

  --color-secondary: #6b8e23;
  --color-secondary-light: #9fba48;
  --color-secondary-soft: #f2f7df;

  /* Semantic */
  --background-soft: #f5faf7;
  --border-soft: #d7e6dd;
  --muted-soft: #5f7468;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(15, 61, 46, 0.10);
  --shadow-primary-25: rgba(15, 61, 46, 0.25);

  --shadow-secondary-10: rgba(107, 142, 35, 0.10);
  --shadow-secondary-25: rgba(107, 142, 35, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(15, 61, 46, 0.25);
  --gradient-01-50: rgba(15, 61, 46, 0.50);

  --gradient-02-50: rgba(31, 111, 80, 0.50);
  --gradient-03-50: rgba(107, 142, 35, 0.50);

  --gradient-04-25: rgba(7, 20, 13, 0.25);
}

/* memorias.html */
/* 16-color vivid black and white theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #7a7a7a;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #050505;
  --color-dark-soft: #171717;

  --color-primary: #000000;
  --color-primary-light: #2b2b2b;
  --color-primary-soft: #f2f2f2;

  --color-secondary: #ffffff;
  --color-secondary-light: #e8e8e8;
  --color-secondary-soft: #fafafa;

  /* Semantic */
  --background-soft: #f5f5f5;
  --border-soft: #d0d0d0;
  --muted-soft: #666666;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(0, 0, 0, 0.10);
  --shadow-primary-25: rgba(0, 0, 0, 0.25);

  --shadow-secondary-10: rgba(255, 255, 255, 0.10);
  --shadow-secondary-25: rgba(255, 255, 255, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(0, 0, 0, 0.25);
  --gradient-01-50: rgba(0, 0, 0, 0.50);

  --gradient-02-50: rgba(64, 64, 64, 0.50);
  --gradient-03-50: rgba(255, 255, 255, 0.50);

  --gradient-04-25: rgba(192, 192, 192, 0.25);
}

/* optimization.html */
/* 16-color vivid pink theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #8f6f82;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #1a0612;
  --color-dark-soft: #2a0b1d;

  --color-primary: #ff1493;
  --color-primary-light: #ff4fb3;
  --color-primary-soft: #ffe6f4;

  --color-secondary: #c2185b;
  --color-secondary-light: #ec407a;
  --color-secondary-soft: #fde4ee;

  /* Semantic */
  --background-soft: #fff5fa;
  --border-soft: #f5bfd9;
  --muted-soft: #87506b;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(255, 20, 147, 0.10);
  --shadow-primary-25: rgba(255, 20, 147, 0.25);

  --shadow-secondary-10: rgba(194, 24, 91, 0.10);
  --shadow-secondary-25: rgba(194, 24, 91, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(255, 20, 147, 0.25);
  --gradient-01-50: rgba(255, 20, 147, 0.50);

  --gradient-02-50: rgba(255, 79, 179, 0.50);
  --gradient-03-50: rgba(236, 64, 122, 0.50);

  --gradient-04-25: rgba(194, 24, 91, 0.25);
}

/* load-testing.html */
/* 16-color dark yellow and orange theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #8f8064;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #1a1003;
  --color-dark-soft: #2a1a05;

  --color-primary: #d97706;
  --color-primary-light: #f59e0b;
  --color-primary-soft: #fff3d6;

  --color-secondary: #ea580c;
  --color-secondary-light: #fb923c;
  --color-secondary-soft: #ffeadb;

  /* Semantic */
  --background-soft: #fff8ed;
  --border-soft: #efd2a5;
  --muted-soft: #7f5f2f;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(217, 119, 6, 0.10);
  --shadow-primary-25: rgba(217, 119, 6, 0.25);

  --shadow-secondary-10: rgba(234, 88, 12, 0.10);
  --shadow-secondary-25: rgba(234, 88, 12, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(217, 119, 6, 0.25);
  --gradient-01-50: rgba(217, 119, 6, 0.50);

  --gradient-02-50: rgba(245, 158, 11, 0.50);
  --gradient-03-50: rgba(234, 88, 12, 0.50);

  --gradient-04-25: rgba(251, 146, 60, 0.25);
}

/* migration.html */
/* 16-color primary colors theme */
:root {
  /* Core palette */

  /* Fixed */
  --color-black: #000000;
  --color-gray: #747474;
  --color-transparent: transparent;
  --color-white: #ffffff;

  /* Variable */
  --color-dark: #0b1020;
  --color-dark-soft: #111a33;

  --color-primary: #0057ff;
  --color-primary-light: #3d7cff;
  --color-primary-soft: #e8f0ff;

  --color-secondary: #ffcc00;
  --color-secondary-light: #ffe066;
  --color-secondary-soft: #fff7cc;

  /* Semantic */
  --background-soft: #f7f9ff;
  --border-soft: #d8e0f0;
  --muted-soft: #5f6778;

  /* Alpha / overlay tokens derived from the 16-color palette */
  --shadow-black-10: rgba(0, 0, 0, 0.10);
  --shadow-black-25: rgba(0, 0, 0, 0.25);

  --shadow-primary-10: rgba(0, 87, 255, 0.10);
  --shadow-primary-25: rgba(0, 87, 255, 0.25);

  --shadow-secondary-10: rgba(255, 204, 0, 0.10);
  --shadow-secondary-25: rgba(255, 204, 0, 0.25);

  --overlay-white-10: rgba(255, 255, 255, 0.10);
  --overlay-white-25: rgba(255, 255, 255, 0.25);

  --gradient-01-25: rgba(0, 87, 255, 0.25);
  --gradient-01-50: rgba(0, 87, 255, 0.50);

  --gradient-02-50: rgba(255, 204, 0, 0.50);
  --gradient-03-50: rgba(255, 49, 49, 0.50);

  --gradient-04-25: rgba(255, 49, 49, 0.25);
}