:root {
  --color-gray-100: #000000;
  --color-gray-90: #313d49;
  --color-gray-85: #323e4b;
  --color-gray-80: #3c4b5a;
  --color-gray-70: #465669;
  --color-gray-50: #8c93a6;
  --color-gray-30: #cbd5e1;
  --color-gray-10: #e9eff2;
  --color-gray-05: #fafbfc;
  --color-gray-00: #ffffff;

  --color-gray-100-60: rgba(0, 0, 0, 60%);
  --color-gray-100-50: rgba(0, 0, 0, 50%);
  --color-gray-100-50: rgba(0, 0, 0, 50%);
  --color-gray-100-30: rgba(0, 0, 0, 30%);
  --color-gray-100-20: rgba(0, 0, 0, 20%);
  --color-gray-100-15: rgba(0, 0, 0, 15%);
  --color-gray-100-10: rgba(0, 0, 0, 10%);
  --color-gray-100-05: rgba(0, 0, 0, 5%);
  --color-gray-100-00: rgba(0, 0, 0, 0%);

  --color-gray-90-70: rgba(49, 61, 73, 70%);
  --color-gray-90-50: rgba(49, 61, 73, 50%);
  --color-gray-90-40: rgba(49, 61, 73, 40%);
  --color-gray-90-30: rgba(49, 61, 73, 30%);
  --color-gray-90-20: rgba(49, 61, 73, 20%);
  --color-gray-90-10: rgba(49, 61, 73, 10%);
  --color-gray-90-05: rgba(49, 61, 73, 5%);
  --color-gray-90-02: rgba(49, 61, 73, 2%);
  --color-gray-90-00: rgba(49, 61, 73, 0%);

  --color-gray-80-20: rgba(60, 75, 90, 20%);
  --color-gray-80-10: rgba(60, 75, 90, 10%);

  --color-gray-70-80: rgba(70, 86, 105, 80%);
  --color-gray-70-20: rgba(70, 86, 105, 20%);

  --color-gray-30-30: rgba(203, 213, 225, 30%);
  --color-gray-30-20: rgba(203, 213, 225, 20%);
  --color-gray-30-15: rgba(203, 213, 225, 15%);
  --color-gray-30-10: rgba(203, 213, 225, 10%);
  --color-gray-30-05: rgba(203, 213, 225, 0.5);
  --color-gray-30-00: rgba(203, 213, 225, 0%);

  --color-brand-90: #003f52;
  --color-brand-80: #004c65;
  --color-brand-70: #00708f;
  --color-brand-60: #0086a8;
  --color-brand-50: #3397b9;
  --color-brand-40: #66b3cb;
  --color-brand-30: #99cddc;
  --color-brand-20: #cce6ee;
  --color-brand-10: #e6f2f6;

  --color-brand-40-10: rgba(102, 179, 203, 0.1);

  --color-blue-10: #f1f9ff;
  --color-blue-50: #337ad3;
  --color-blue-60: #1a5cac;
  --color-blue-50-10: rgba(51, 122, 211, 10%);
  --color-blue-50-20: rgba(51, 122, 211, 20%);
  --color-blue-50-70: rgba(51, 122, 211, 70%);
  --color-red-10: #fff3f1;
  --color-red-50: #d13f3d;
  --color-red-60: #a82326;
  --color-red-50-10: rgba(209, 63, 61, 10%);
  --color-red-50-20: rgba(209, 63, 61, 20%);
  --color-red-50-70: rgba(209, 63, 61, 70%);
  --color-green-10: #eaffe9;
  --color-green-50: #3f8e43;
  --color-green-60: #266f2b;
  --color-green-50-10: rgba(63, 142, 67, 10%);
  --color-green-50-20: rgba(63, 142, 67, 20%);
  --color-green-50-70: rgba(63, 142, 67, 70%);
  --color-yellow-10: #fcf3e6;
  --color-yellow-50: #ec9e29;
  --color-yellow-60: #7d5a00;
  --color-yellow-50-10: rgba(236, 158, 41, 10%);
  --color-yellow-50-20: rgba(236, 158, 41, 20%);
  --color-yellow-50-70: rgba(236, 158, 41, 70%);
  --color-yellow-50-40: rgba(236, 158, 41, 40%);

  --color-primitive-palette-1-10: #e9dcf5;
  --color-primitive-palette-1-50: #9151d1;
  --color-primitive-palette-1-50-20: rgba(145, 81, 209, 20%);
  --color-primitive-palette-1-80: #5a2490;
  --color-primitive-palette-2-10: #e3f6f3;
  --color-primitive-palette-2-50: #74d0c5;
  --color-primitive-palette-2-50-20: rgba(116, 208, 197, 20%);
  --color-primitive-palette-2-80: #09675c;
  --color-primitive-palette-3-10: #fadce6;
  --color-primitive-palette-3-50: #e54e84;
  --color-primitive-palette-3-50-20: rgba(229, 78, 132, 20%);
  --color-primitive-palette-3-80: #991544;
  --color-primitive-palette-4-10: #dfeef8;
  --color-primitive-palette-4-50: #61aade;
  --color-primitive-palette-4-50-20: rgba(97, 170, 222, 20%);
  --color-primitive-palette-4-80: #075893;
  --color-primitive-palette-5-10: #f1f7e3;
  --color-primitive-palette-5-50: #b7d674;
  --color-primitive-palette-5-50-20: rgba(183, 214, 116, 20%);
  --color-primitive-palette-5-80: #5a7a18;
  --color-primitive-palette-6-10: #fff6dd;
  --color-primitive-palette-6-50: #ffd056;
  --color-primitive-palette-6-50-20: rgba(255, 208, 86, 20%);
  --color-primitive-palette-6-80: #926900;
  --color-primitive-palette-7-10: #e3def9;
  --color-primitive-palette-7-50: #7358e3;
  --color-primitive-palette-7-50-20: rgba(115, 88, 227, 20%);
  --color-primitive-palette-7-80: #361c9f;
  --color-primitive-palette-8-10: #f6dfec;
  --color-primitive-palette-8-50: #d45e9e;
  --color-primitive-palette-8-50-20: rgba(212, 94, 158, 20%);
  --color-primitive-palette-8-80: #8d0c52;
  --color-primitive-palette-9-10: #e7f7ef;
  --color-primitive-palette-9-50: #89d7ad;
  --color-primitive-palette-9-50-20: rgba(137, 215, 173, 20%);
  --color-primitive-palette-9-80: #136d3d;
  --color-primitive-palette-10-10: #f4e4e0;
  --color-primitive-palette-10-50: #c87965;
  --color-primitive-palette-10-50-20: rgba(200, 121, 101, 20%);
  --color-primitive-palette-10-80: #703d30;
  --color-primitive-palette-11-10: #e4eaf5;
  --color-primitive-palette-11-50: #758dbd;
  --color-primitive-palette-11-50-20: rgba(117, 141, 189, 20%);
  --color-primitive-palette-11-80: #223a6b;
  --color-primitive-palette-12-10: #f4e2f6;
  --color-primitive-palette-12-50: #c96ed1;
  --color-primitive-palette-12-50-20: rgba(201, 110, 209, 20%);
  --color-primitive-palette-12-80: #710f7b;
  --color-primitive-palette-13-10: #e9f6e3;
  --color-primitive-palette-13-50: #92d274;
  --color-primitive-palette-13-50-20: rgba(146, 210, 116, 20%);
  --color-primitive-palette-13-80: #327114;
  --color-primitive-palette-14-10: #e2f4f8;
  --color-primitive-palette-14-50: #6fc7db;
  --color-primitive-palette-14-50-20: rgba(111, 199, 219, 20%);
  --color-primitive-palette-14-80: #106477;
  --color-primitive-palette-15-10: #fdf1e3;
  --color-primitive-palette-15-50: #f4ba75;
  --color-primitive-palette-15-50-20: rgba(244, 186, 117, 20%);
  --color-primitive-palette-15-80: #a15700;
  --color-primitive-palette-16-10: #e1e7f9;
  --color-primitive-palette-16-50: #6789df;
  --color-primitive-palette-16-50-20: rgba(103, 137, 223, 20%);
  --color-primitive-palette-16-80: #133794;
  --color-primitive-palette-17-10: #f8f8e3;
  --color-primitive-palette-17-50: #dbdd72;
  --color-primitive-palette-17-50-20: rgba(219, 221, 114, 20%);
  --color-primitive-palette-17-80: #686a0e;

  // Web variables
  --color-web-gray-100: #212c31;
  --color-web-gray-90: #313d49;
  --color-web-gray-80: #3c4b5a;
  --color-web-gray-70: #465669;
  --color-web-gray-50: #8c93a6;
  --color-web-gray-30: #a8b2ce;
  --color-web-gray-20: #cbd5e1;
  --color-web-gray-05: #f8f9fd;
  --color-web-gray-00: #ffffff;

  --color-web-cyan-100: #003f5b;
  --color-web-cyan-90: #04465e;
  --color-web-cyan-80: #006580;
  --color-web-cyan-70: #007ea0;
  --color-web-cyan-60: #069cb8;
  --color-web-cyan-50: #0dc1d3;
  --color-web-cyan-30: #9cd5e0;

  --color-web-red-50: #ff7173;
  --color-web-red-40: #f98a8a;

  --color-web-secondary-50: var(--color-web-red-50); //same in light and dark
  --color-web-secondary-40: var(--color-web-red-40); //same in light and dark
}

:root,
.avocado-light-theme {
  --sb-background-color: var(--color-gray-00);
  --motion-skeleton-color: var(--color-gray-90-10);

  --color-background-05: var(--color-web-gray-05);
  --color-background-00: var(--color-gray-00);

  --color-neutral-90: var(--color-gray-90);
  --color-neutral-85: var(--color-gray-85);
  --color-neutral-80: var(--color-gray-80);
  --color-neutral-70: var(--color-gray-70);
  --color-neutral-50: var(--color-gray-50);
  --color-neutral-30: var(--color-gray-30);
  --color-neutral-20: var(--color-gray-30);
  --color-neutral-10: var(--color-gray-10);
  --color-neutral-05: var(--color-gray-05);
  --color-neutral-00: var(--color-gray-00);

  --color-neutral-30-20: var(--color-gray-30-20);
  --color-neutral-30-10: var(--color-gray-30-10);

  --color-primary-90: var(--color-brand-90);
  --color-primary-80: var(--color-brand-80);
  --color-primary-70: var(--color-brand-70);
  --color-primary-60: var(--color-brand-60);
  --color-primary-50: var(--color-brand-50);
  --color-primary-40: var(--color-brand-40);
  --color-primary-40-10: var(--color-brand-40-10);
  --color-primary-30: var(--color-brand-30);
  --color-primary-20: var(--color-brand-20);
  --color-primary-10: var(--color-brand-10);

  --color-info-10: var(--color-blue-10);
  --color-info-50: var(--color-blue-50);
  --color-info-60: var(--color-blue-60);
  --color-info-opacity: var(--color-blue-50-10);
  --color-info-border: var(--color-blue-50-70);
  --color-error-10: var(--color-red-10);
  --color-error-50: var(--color-red-50);
  --color-error-60: var(--color-red-60);
  --color-error-opacity: var(--color-red-50-10);
  --color-error-border: var(--color-red-50-70);
  --color-success-10: var(--color-green-10);
  --color-success-50: var(--color-green-50);
  --color-success-60: var(--color-green-60);
  --color-success-opacity: var(--color-green-50-10);
  --color-success-border: var(--color-green-50-70);
  --color-warning-10: var(--color-yellow-10);
  --color-warning-50: var(--color-yellow-50);
  --color-warning-60: var(--color-yellow-60);
  --color-warning-opacity: var(--color-yellow-50-10);
  --color-warning-opacity-40: var(--color-yellow-50-40);
  --color-warning-border: var(--color-yellow-50-70);
  --color-blocked-opacity: var(--color-gray-30-15);
  --color-hover-opacity-intense: var(--color-gray-30-30);
  --color-shadow-20: var(--color-gray-90-20);
  --color-shadow-10: var(--color-gray-90-10);

  --color-palette-1-10: var(--color-primitive-palette-1-10);
  --color-palette-1-50: var(--color-primitive-palette-1-50);
  --color-palette-1-50-20: var(--color-primitive-palette-1-50-20);
  --color-palette-1-80: var(--color-primitive-palette-1-80);
  --color-palette-2-10: var(--color-primitive-palette-2-10);
  --color-palette-2-50: var(--color-primitive-palette-2-50);
  --color-palette-2-50-20: var(--color-primitive-palette-2-50-20);
  --color-palette-2-80: var(--color-primitive-palette-2-80);
  --color-palette-3-10: var(--color-primitive-palette-3-10);
  --color-palette-3-50: var(--color-primitive-palette-3-50);
  --color-palette-3-50-20: var(--color-primitive-palette-3-50-20);
  --color-palette-3-80: var(--color-primitive-palette-3-80);
  --color-palette-4-10: var(--color-primitive-palette-4-10);
  --color-palette-4-50: var(--color-primitive-palette-4-50);
  --color-palette-4-50-20: var(--color-primitive-palette-4-50-20);
  --color-palette-4-80: var(--color-primitive-palette-4-80);
  --color-palette-5-10: var(--color-primitive-palette-5-10);
  --color-palette-5-50: var(--color-primitive-palette-5-50);
  --color-palette-5-50-20: var(--color-primitive-palette-5-50-20);
  --color-palette-5-80: var(--color-primitive-palette-5-80);
  --color-palette-6-10: var(--color-primitive-palette-6-10);
  --color-palette-6-50: var(--color-primitive-palette-6-50);
  --color-palette-6-50-20: var(--color-primitive-palette-6-50-20);
  --color-palette-6-80: var(--color-primitive-palette-6-80);
  --color-palette-7-10: var(--color-primitive-palette-7-10);
  --color-palette-7-50: var(--color-primitive-palette-7-50);
  --color-palette-7-50-20: var(--color-primitive-palette-7-50-20);
  --color-palette-7-80: var(--color-primitive-palette-7-80);
  --color-palette-8-10: var(--color-primitive-palette-8-10);
  --color-palette-8-50: var(--color-primitive-palette-8-50);
  --color-palette-8-50-20: var(--color-primitive-palette-8-50-20);
  --color-palette-8-80: var(--color-primitive-palette-8-80);
  --color-palette-9-10: var(--color-primitive-palette-9-10);
  --color-palette-9-50: var(--color-primitive-palette-9-50);
  --color-palette-9-50-20: var(--color-primitive-palette-9-50-20);
  --color-palette-9-80: var(--color-primitive-palette-9-80);
  --color-palette-10-10: var(--color-primitive-palette-10-10);
  --color-palette-10-50: var(--color-primitive-palette-10-50);
  --color-palette-10-50-20: var(--color-primitive-palette-10-50-20);
  --color-palette-10-80: var(--color-primitive-palette-10-80);
  --color-palette-11-10: var(--color-primitive-palette-11-10);
  --color-palette-11-50: var(--color-primitive-palette-11-50);
  --color-palette-11-50-20: var(--color-primitive-palette-11-50-20);
  --color-palette-11-80: var(--color-primitive-palette-11-80);
  --color-palette-12-10: var(--color-primitive-palette-12-10);
  --color-palette-12-50: var(--color-primitive-palette-12-50);
  --color-palette-12-50-20: var(--color-primitive-palette-12-50-20);
  --color-palette-12-80: var(--color-primitive-palette-12-80);
  --color-palette-13-10: var(--color-primitive-palette-13-10);
  --color-palette-13-50: var(--color-primitive-palette-13-50);
  --color-palette-13-50-20: var(--color-primitive-palette-13-50-20);
  --color-palette-13-80: var(--color-primitive-palette-13-80);
  --color-palette-14-10: var(--color-primitive-palette-14-10);
  --color-palette-14-50: var(--color-primitive-palette-14-50);
  --color-palette-14-50-20: var(--color-primitive-palette-14-50-20);
  --color-palette-14-80: var(--color-primitive-palette-14-80);
  --color-palette-15-10: var(--color-primitive-palette-15-10);
  --color-palette-15-50: var(--color-primitive-palette-15-50);
  --color-palette-15-50-20: var(--color-primitive-palette-15-50-20);
  --color-palette-15-80: var(--color-primitive-palette-15-80);
  --color-palette-16-10: var(--color-primitive-palette-16-10);
  --color-palette-16-50: var(--color-primitive-palette-16-50);
  --color-palette-16-50-20: var(--color-primitive-palette-16-50-20);
  --color-palette-16-80: var(--color-primitive-palette-16-80);
  --color-palette-17-10: var(--color-primitive-palette-17-10);
  --color-palette-17-50: var(--color-primitive-palette-17-50);
  --color-palette-17-50-20: var(--color-primitive-palette-17-50-20);
  --color-palette-17-80: var(--color-primitive-palette-17-80);

  --shadow-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5);
  --shadow-md: 0 1px 2px 1px rgba(49, 61, 73, 0.1),
    0 2px 8px 0 rgba(49, 61, 73, 0.2);
  --shadow-lg: 0 0 4px 1px rgba(49, 61, 73, 0.1),
    0 2px 16px 0 rgba(49, 61, 73, 0.3);
  --shadow-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2);

  // Web variables
  --color-web-neutral-100: var(--color-web-gray-100);
  --color-web-neutral-90: var(--color-web-gray-90);
  --color-web-neutral-80: var(--color-web-gray-80);
  --color-web-neutral-70: var(--color-web-gray-70);
  --color-web-neutral-50: var(--color-web-gray-50);
  --color-web-neutral-30: var(--color-web-gray-30);
  --color-web-neutral-20: var(--color-web-gray-20);
  --color-web-neutral-05: var(--color-web-gray-05);
  --color-web-neutral-00: var(--color-web-gray-00);

  --color-web-primary-100: var(--color-web-cyan-100);
  --color-web-primary-90: var(--color-web-cyan-90);
  --color-web-primary-80: var(--color-web-cyan-80);
  --color-web-primary-70: var(--color-web-cyan-70);
  --color-web-primary-60: var(--color-web-cyan-60);
  --color-web-primary-50: var(--color-web-cyan-50);
  --color-web-primary-30: var(--color-web-cyan-30);
  --shadow-web-none: none;
  --shadow-web-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5);
  --shadow-web-md: 0 2px 8px 0 rgba(49, 61, 73, 0.2),
    0 1px 2px 1px rgba(49, 61, 73, 0.1);
  --shadow-web-lg: 0 2px 16px 0 rgba(49, 61, 73, 0.3),
    0 0 4px 1px rgba(49, 61, 73, 0.1);
  --shadow-web-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2);
  --shadow-web-lg-brand: 0 20px 40px -20px rgba(49, 61, 73, 0.2);
  --shadow-web-elevate-brand: 0 25px 30px -10px rgba(0, 0, 0, 0.25);
}

.avocado-dark-theme {
  --sb-background-color: var(--color-gray-90);
  --motion-skeleton-color: var(--color-gray-90-70);

  --color-background-05: var(--color-gray-90);
  --color-background-00: var(--color-gray-90);

  --color-neutral-90: var(--color-gray-05);
  --color-neutral-85: var(--color-gray-05);
  --color-neutral-80: var(--color-gray-10);
  --color-neutral-70: var(--color-gray-30);
  --color-neutral-50: var(--color-gray-50);
  --color-neutral-30: var(--color-gray-70);
  --color-neutral-20: var(--color-gray-80);
  --color-neutral-10: var(--color-gray-80);
  --color-neutral-05: var(--color-gray-85);
  --color-neutral-00: var(--color-gray-90);

  --color-neutral-30-20: var(--color-gray-70-20);
  --color-neutral-30-10: var(--color-gray-100-10);

  --color-primary-90: var(--color-brand-10);
  --color-primary-80: var(--color-brand-20);
  --color-primary-70: var(--color-brand-30);
  --color-primary-60: var(--color-brand-40);
  --color-primary-50: var(--color-brand-50);
  --color-primary-40: var(--color-brand-60);
  --color-primary-30: var(--color-brand-70);
  --color-primary-20: var(--color-brand-80);
  --color-primary-10: var(--color-brand-90);

  --color-info-10: var(--color-blue-60);
  --color-info-60: var(--color-blue-10);
  --color-info-opacity: var(--color-blue-50-20);
  --color-error-10: var(--color-red-60);
  --color-error-60: var(--color-red-10);
  --color-error-opacity: var(--color-red-50-20);
  --color-success-10: var(--color-green-60);
  --color-success-60: var(--color-green-10);
  --color-success-opacity: var(--color-green-50-20);
  --color-warning-10: var(--color-yellow-60);
  --color-warning-60: var(--color-yellow-10);
  --color-warning-opacity: var(--color-yellow-50-20);
  --color-blocked-opacity: var(--color-gray-100-10);
  --color-hover-opacity-intense: var(--color-gray-100-15);
  --color-shadow-20: var(--color-gray-100-20);
  --color-shadow-10: var(--color-gray-100-10);

  --color-palette-1-80: var(--color-primitive-palette-1-10);
  --color-palette-1-10: var(--color-primitive-palette-1-80);
  --color-palette-2-80: var(--color-primitive-palette-2-10);
  --color-palette-2-10: var(--color-primitive-palette-2-80);
  --color-palette-3-80: var(--color-primitive-palette-3-10);
  --color-palette-3-10: var(--color-primitive-palette-3-80);
  --color-palette-4-80: var(--color-primitive-palette-4-10);
  --color-palette-4-10: var(--color-primitive-palette-4-80);
  --color-palette-5-80: var(--color-primitive-palette-5-10);
  --color-palette-5-10: var(--color-primitive-palette-5-80);
  --color-palette-6-80: var(--color-primitive-palette-6-10);
  --color-palette-6-10: var(--color-primitive-palette-6-80);
  --color-palette-7-80: var(--color-primitive-palette-7-10);
  --color-palette-7-10: var(--color-primitive-palette-7-80);
  --color-palette-8-80: var(--color-primitive-palette-8-10);
  --color-palette-8-10: var(--color-primitive-palette-8-80);
  --color-palette-9-80: var(--color-primitive-palette-9-10);
  --color-palette-9-10: var(--color-primitive-palette-9-80);
  --color-palette-10-80: var(--color-primitive-palette-10-10);
  --color-palette-10-10: var(--color-primitive-palette-10-80);
  --color-palette-11-80: var(--color-primitive-palette-11-10);
  --color-palette-11-10: var(--color-primitive-palette-11-80);
  --color-palette-12-80: var(--color-primitive-palette-12-10);
  --color-palette-12-10: var(--color-primitive-palette-12-80);
  --color-palette-13-80: var(--color-primitive-palette-13-10);
  --color-palette-13-10: var(--color-primitive-palette-13-80);
  --color-palette-14-80: var(--color-primitive-palette-14-10);
  --color-palette-14-10: var(--color-primitive-palette-14-80);
  --color-palette-15-80: var(--color-primitive-palette-15-10);
  --color-palette-15-10: var(--color-primitive-palette-15-80);
  --color-palette-16-80: var(--color-primitive-palette-16-10);
  --color-palette-16-10: var(--color-primitive-palette-16-80);
  --color-palette-17-80: var(--color-primitive-palette-17-10);
  --color-palette-17-10: var(--color-primitive-palette-17-80);

  --shadow-sm: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 1px 2px 1px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 0 4px 1px rgba(0, 0, 0, 0.1), 0 2px 16px 0 rgba(0, 0, 0, 0.3);
  --shadow-elevate: 0 2px 4px 0 rgba(0, 0, 0, 0.2);

  // Web variables
  --color-web-neutral-100: var(--color-web-gray-00);
  --color-web-neutral-90: var(--color-web-gray-05);
  --color-web-neutral-80: var(--color-web-gray-20);
  --color-web-neutral-70: var(--color-web-gray-30);
  --color-web-neutral-50: var(--color-web-gray-50);
  --color-web-neutral-30: var(--color-web-gray-70);
  --color-web-neutral-20: var(--color-web-gray-80);
  --color-web-neutral-05: var(--color-web-gray-90);
  --color-web-neutral-00: var(--color-web-gray-100);

  --color-web-primary-100: var(--color-web-cyan-30);
  --color-web-primary-90: var(--color-web-cyan-50);
  --color-web-primary-80: var(--color-web-cyan-60);
  --color-web-primary-70: var(--color-web-cyan-70);
  --color-web-primary-60: var(--color-web-cyan-80);
  --color-web-primary-50: var(--color-web-cyan-90);
  --color-web-primary-30: var(--color-web-cyan-100);
  --shadow-web-none: none;
  --shadow-web-sm: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-web-md: 0 2px 8px 0 rgba(0, 0, 0, 0.2),
    0 1px 2px 1px rgba(0, 0, 0, 0.1);
  --shadow-web-lg: 0 2px 16px 0 rgba(0, 0, 0, 0.3),
    0 0 4px 1px rgba(0, 0, 0, 0.1);
  --shadow-web-elevate: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  --shadow-web-lg-brand: 0 20px 40px -20px rgba(0, 0, 0, 0.2);
  --shadow-web-elevate-brand: 0 25px 30px -10px rgba(0, 0, 0, 0.25);
}