@theme {

  /* Heroku Colors */
  --color-heroku-95: #F6F2FB;
  --color-heroku-90: #ECE1F9;
  --color-heroku-80: #D7BFF2;
  --color-heroku-70: #C29EF1;
  --color-heroku-65: #B78DEF;
  --color-heroku-60: #AD7BEE;
  --color-heroku-50: #9050E9;
  --color-heroku-40: #7526E3;
  --color-heroku-30: #5A1BA9;
  --color-heroku-20: #401075;
  --color-heroku-15: #300b60;
  --color-heroku-10: #240643;

  --color-cloudblue-95: #EAF5FE;
  --color-cloudblue-90: #CFE9FE;
  --color-cloudblue-80: #90D0FE;
  --color-cloudblue-70: #1AB9FF;
  --color-cloudblue-65: #08ABED;
  --color-cloudblue-60: #0D9DDA;
  --color-cloudblue-50: #107CAD;
  --color-cloudblue-40: #05628A;
  --color-cloudblue-30: #084968;
  --color-cloudblue-20: #023248;
  --color-cloudblue-15: #0A2636;
  --color-cloudblue-10: #001A28;

  --color-salesforce-primary: #0176D3;

  --color-heroku-primary: var(--color-heroku-30);
  --color-heroku-dark: var(--color-heroku-15);
  --color-heroku-light: var(--color-heroku-80);

  --color-danger: var(--color-red-500);
  --color-danger-dark: var(--color-red-900);
  --color-danger-light: var(--color-red-100);

  --color-warning: var(--color-amber-500);
  --color-warning-dark: var(--color-amber-900);
  --color-warning-light: var(--color-amber-100);

  --color-success: var(--color-green-500);
  --color-success-dark: var(--color-green-900);
  --color-success-light: var(--color-green-100);

  --color-info: var(--color-blue-500);
  --color-info-dark: var(--color-blue-900);
  --color-info-light: var(--color-blue-100);

  /* Fonts */
  --font-sans: "Salesforce Sans", Arial, Helvetica, sans-serif;
  --font-heading: "AvantGarde For Salesforce", Arial, Helvetica, sans-serif;

  /* Defaults */
  --d-shadow: var(--shadow-sm);
  --d-radius: var(--radius-sm);
  --d-text-size: var(--text-sm);

  /* Overrides */
  --text-base: 15px;
  
}