Azure Microsoft

:root {
  --color-dominant: #fcfa06;
  --color-surface: #04047b;
  --color-ink: #6cccf4;
  --color-accent: #646bb5;
  --color-detail: #c2d4df;
}

/* CSS variables exposed by source */
:root {
  --ds-border-l: .5rem;
  --ds-color-bright-orange-100: #ffccc2;
  --ds-app-type-heading-m-line-height: 3.5rem;
  --ds-font-family-display: "Segoe UI Variable Display","SegoeUI Fallback",-apple-system,BlinkMacSystemFont,sans-serif;
  --ds-app-radii-s: 0.5rem;
  --ds-color-red-black-400: #553d41;
  --ds-app-color-base-alt2-bg-opt2: #ffccd1;
  --ds-app-color-overlay-opt1-left: linear-gradient(90deg,#f4fafd 0,#fff0 100%);
  --root-color-brilliant-blue-500: #0078d4;
  --root-lead-line-height: 2rem;
  --theme-background-overlay-gradient: linear-gradient(180deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%);
  --theme-foreground-neutral-icon-light: #eaecf1;
  --ds-color-dark-slate-500: #454142;
  --ds-color-pale-lime-700: #97a865;
  --root-color-sea-salt-800: #807f7b;
  --root-gradient-mesh-lavender100-biscaygreen50: linear-gradient(135deg, #ede8f6 0%, #edf9f7 100%);
  --ds-app-color-base-default-fg-accent: #0078d4;
  --root-color-alpha-400: rgba(255, 255, 255, 0.4);
  --ds-color-brown-500: #bf9474;
  --ds-app-type-heading-xs-font-weight: 500;
  --ds-z-index-1050: 1050;
  --root-h2-font-size: 3rem;
  --root-gradient-linear-skyblue-template: linear-gradient(180deg, #f4fafd 0%, #dbf2ff 10%, #f4fafd 50%, #dcf2ff 90%, #b8e5ff 100%);
  --ds-color-dark-blue-50: #eaecf1;
  --ds-color-pink-900: #6b4b4f;
  --root-color-xbox-green-500: #107c10;
  --ds-color-grass-green-600: #065b1a;
  --theme-border-supportive-pure: #d9d9d6;
  --ds-app-color-base-alt1-fg-accent: #0e1726;
  --ds-z-index-1030: 1030;
  --ds-comp-card-pricing-banner-bg: #005597;
  --ds-color-warm-gray-400: #a39b94;
  --ds-color-morganite-700: #a0968d;
  --ds-app-type-body-l-letter-spacing: -0.03em;
  --root-color-teams-500: #5d5bd4;
  --root-color-orange-coral-400: #ffb5a2;
  --root-color-green-black-700: #09171a;
  --root-gradient-mesh-xboxgray-black: linear-gradient(103.09deg, #2f2f2f 0%, #1d1d1d 50%, #2f2f2f 100%);
  --root-display-2-font-weight: 500;
  --ds-color-xbox-light-green-400: #c9f77b;
  --ds-color-purple-black-50: #e8e7ea;
  --root-color-green-black-50: #e7e9e9;
  --root-color-xbox-gray-100: #e6e6e6;
  --root-color-dark-brown-900: #1f1813;
  --ds-app-space-grid-default: 1rem;
  --root-breadth-vertical-default: 6rem;
  --ds-color-lilac-300: #e3bee4;
  --ds-grid-container: 1328px;
  --ds-app-color-base-special-bg-opt3-stop3: #e6f2fb;
  --root-color-orange-coral-600: #e8947e;
  --theme-background-background-overlay-vertical: linear-gradient(0deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%);
  --root-icon-xs-max-height: 12px;
  --root-color-success-100: #b4dabc;
  --ds-color-brown-black-800: #170d0d;
  --root-gradient-mesh-brilliantblue300-brilliantblue50: linear-gradient(89.98deg, #54a5e2 0.02%, #e6f2fb 99.98%);
  --theme-background-special-fade: linear-gradient(90deg, #ede8f6 0%, #f4fafd 49.99%, #dceef8 100%);
  --ds-color-m365-gunmetal: #323139;
  --ds-color-sky-blue-100: #dceef8;
  --ds-color-teams-50: #efeffb;
  --root-color-grass-green-300: #599768;
}