:root, :host {
  /* Sedleigh Carols */
  --sc-primary-color: #388e3c;
  --sc-primary-color-numeric: 56, 142, 60;
  --sc-primary-color-medium: #2e7d32;
  --sc-primary-color-dark: #1b5e20;
  --sc-primary-color-font: #ffffff;

  --sc-background-color: #400000;
  --sc-background-color-light: #800000;
  --sc-background-color-disabled: #606060;

  --sc-surface-color: var(--sc-background-color-light);

  --sc-font-color-main: #ffffbb;
  --sc-font-color-disabled: #cccccc;

  --sc-cookie-consent-background-colour: #01579b;

  /* Materialize */
  --primary-color: var(--sc-primary-color);
  --primary-color-dark: var(--sc-primary-color-dark);
  --primary-color-numeric: var(--sc-primary-color-numeric);
  --primary-color-raised-hover-solid: var(--sc-primary-color-medium);
  --primary-color-raised-focus-solid: var(--sc-primary-color);
  
  --secondary-color: var(--sc-primary-color);
  --secondary-container-color: var(--sc-primary-color);

  --background-color: var(--sc-background-color);
  --background-color-disabled: var(--sc-background-color-disabled);
  
  --surface-color: var(--sc-surface-color);
  
  --font-color-main: var(--sc-font-color-main);
  --font-color-medium: var(--sc-font-color-disabled);
  --font-color-disabled: var(--sc-font-color-disabled);
  --font-on-primary-color-main: var(--sc-primary-color-font);
}