Digitalocean — About

:root {
  --color-dominant: #31bacd;
  --color-surface: #144c54;
  --color-ink: #b4d4dc;
  --color-accent: #648c90;
  --color-detail: #a3b5b5;
}

/* CSS variables exposed by source */
:root {
  --text-placeholder: light-dark(#13302e, #6f908c);
  --background-promo-bold: #1433d6;
  --primary-teal-100: #006375;
  --text-always-gray: light-dark(#586667, #9ba3a4);
  --spacing-12: 12px;
  --background-card: light-dark(#c9d6d4, #000f0f);
  --background-teal-background-teal-light: #b1e4f1;
  --size-36: 36px;
  --background-teal-background-teal-dark: #006375;
  --primary-blue-50: #000c79;
  --color-primary-gray-6: #a9b3ca;
  --background-expanded-jordy-bold: light-dark(#112430, #477fa5);
  --primary-neutral-400: #d9dbeb;
  --background-gradient-blue-100-200: #1e7adb;
  --primary-neutral-300: #696fb0;
  --background-accent-bold: light-dark(#9db5b2, #081f1e);
  --background-brand: light-dark(#1aafbf, #6fe0ed);
  --primary-gray-800: #e3e8f4;
  --text-secondary: light-dark(#13302e, #6f908c);
  --background-gradient-pink-elephant-100: #d5b3c9;
  --primary-gray-250: #11192e;
  --primary-gray-100: #000c2a;
  --background-blue-background-blue-dark: #1433d6;
  --shadows-dark-blue-32: rgba(0, 12, 42, 0.32);
  --primary-teal-200: #00afce;
  --size-inner-377: 377px;
  --primary-gray-600: #a9b3ca;
  --primary-teal-300: #b1e4f1;
  --size-inner-144: 144px;
  --type-container-max-width-section: 1088px;
  --text-inverse: light-dark(#f4f5f5, #000000);
  --primary-gray-250-10: rgba(17,25,46,0.1);
  --primary-black: #000000;
  --primary-gray-1000: #f9fafe;
  --text-error: light-dark(#b2543e, #a54a34);
  --shadows-dark-blue-24: rgba(0, 12, 42, 0.24);
  --size-inner-1376: 1376px;
  --background-gradient-radial-glow-stop-1: rgba(201, 238, 242, 0.75);
  --background-gradient-neutral-100: #0c3158;
  --background-expanded-vivid-subtler: light-dark(#041a1f, #ecf9fb);
  --background-expanded-lilac-subtle: light-dark(#2f1e2b, #ead9e4);
  --size-10: 10px;
  --primary-gray-200: #081b4b;
  --font-size-xl4-size: 36px;
  --background-default: light-dark(#f4f5f5, #000000);
  --primary-green-100: #006650;
  --spacing-8: 8px;
  --text-warning: light-dark(#b0843a, #daa549);
  --shadows-dark-blue-20: rgba(0, 12, 42, 0.2);
  --color-primary-gray-1: #000c2a;
  --background-gradient-radial-glow-stop-2: rgba(48, 203, 217, 0.6);
  --size-inner-1088: 1088px;
  --border-bold: light-dark(#1f403e, #4d716e);
  --size-24: 24px;
  --text-on-color: #f4f5f5;
  --border-inverse: light-dark(#000a0a, #e5eceb);
  --primary-gray-400: #4d5b7c;
  --primary-gray-700: #d6dcea;
  --type-container-864: 864px;
  --background-expanded-blue-bold: light-dark(#2e85e0, #1e7adb);
}