/* WARNING: This file is generated automatically by running `pnpm royallondon`.
 * Any changes you make here may be lost.  Instead make the changes to the
 * styles/portfolio/royallondon/royallondon.scss source file
 */
.portfolio.royallondon {
  --brand-0: hsl(287, 37%, 5%);
  --brand-5: hsl(287, 37%, 6%);
  --brand-10: hsl(287, 37%, 7%);
  --brand-15: hsl(287, 37%, 10%);
  --brand-20: hsl(287, 37%, 13%);
  --brand-25: hsl(287, 37%, 17%);
  --brand-30: hsl(287, 37%, 22%);
  --brand-35: hsl(287, 37%, 27%);
  --brand-40: hsl(287, 36%, 33%);
  --brand-45: hsl(287, 37%, 40%);
  --brand-50: hsl(287, 37%, 47%);
  --brand-55: hsl(287, 37%, 54%);
  --brand-60: hsl(287, 37%, 61%);
  --brand-65: hsl(287, 37%, 69%);
  --brand-70: hsl(287, 37%, 75%);
  --brand-75: hsl(287, 37%, 82%);
  --brand-80: hsl(287, 37%, 87%);
  --brand-85: hsl(287, 37%, 92%);
  --brand-90: hsl(287, 37%, 96%);
  --brand-95: hsl(287, 37%, 98%);
  --brand-100: hsl(287, 37%, 99%);
  --accent-0: hsl(187, 41%, 5%);
  --accent-5: hsl(187, 41%, 6%);
  --accent-10: hsl(187, 41%, 8%);
  --accent-15: hsl(187, 41%, 11%);
  --accent-20: hsl(187, 41%, 16%);
  --accent-25: hsl(187, 41%, 21%);
  --accent-30: hsl(187, 41%, 26%);
  --accent-35: hsl(187, 41%, 32%);
  --accent-40: hsl(186, 41%, 38%);
  --accent-45: hsl(187, 41%, 45%);
  --accent-50: hsl(187, 41%, 52%);
  --accent-55: hsl(187, 41%, 59%);
  --accent-60: hsl(187, 41%, 65%);
  --accent-65: hsl(187, 41%, 72%);
  --accent-70: hsl(187, 41%, 78%);
  --accent-75: hsl(187, 41%, 83%);
  --accent-80: hsl(187, 41%, 88%);
  --accent-85: hsl(187, 41%, 93%);
  --accent-90: hsl(187, 41%, 96%);
  --accent-95: hsl(187, 41%, 98%);
  --accent-100: hsl(187, 41%, 99%);
}
.portfolio.royallondon .brand {
  --color-0: var(--brand-0);
  --color-5: var(--brand-5);
  --color-10: var(--brand-10);
  --color-15: var(--brand-15);
  --color-20: var(--brand-20);
  --color-25: var(--brand-25);
  --color-30: var(--brand-30);
  --color-35: var(--brand-35);
  --color-40: var(--brand-40);
  --color-45: var(--brand-45);
  --color-50: var(--brand-50);
  --color-55: var(--brand-55);
  --color-60: var(--brand-60);
  --color-65: var(--brand-65);
  --color-70: var(--brand-70);
  --color-75: var(--brand-75);
  --color-80: var(--brand-80);
  --color-85: var(--brand-85);
  --color-90: var(--brand-90);
  --color-95: var(--brand-95);
  --color-100: var(--brand-100);
}

.portfolio.royallondon {
  --banner-background-color: var(--brand-40);
  --hero-border-color: var(--accent-40);
  --banner-logo-size: 100px;
  --banner-logo-margin: -20px 0 0 0;
}
.portfolio.royallondon .demographics .metric {
  --value-color: var(--brand-30);
}
.portfolio.royallondon .property-minicard {
  --address-background: hsl(287, 5%, 98%);
}
.portfolio.royallondon .siteplans {
  --unit-available-fill-color: var(--accent-50);
  --unit-available-hover-color: var(--accent-60);
}

[data-theme=dark] .portfolio.royallondon .property-minicard {
  --address-background: hsl(287, 5%, 22%);
}
[data-theme=dark] .portfolio.royallondon .siteplans {
  --unit-available-fill-color: var(--accent-45);
  --unit-available-hover-color: var(--accent-50);
}

/*# sourceMappingURL=royallondon.css.map */