/* WARNING: This file is generated automatically by running `pnpm hammerson`.
 * Any changes you make here may be lost.  Instead make the changes to the
 * styles/portfolio/hammerson/hammerson.scss source file
 */
.portfolio.hammerson {
  --brand-0: hsl(212, 52%, 5%);
  --brand-5: hsl(212, 52%, 6%);
  --brand-10: hsl(212, 52%, 7%);
  --brand-15: hsl(212, 52%, 9%);
  --brand-20: hsl(212, 52%, 11%);
  --brand-25: hsl(212, 52%, 13%);
  --brand-30: hsl(212, 52%, 17%);
  --brand-35: hsl(212, 52%, 21%);
  --brand-40: hsl(212, 52%, 26%);
  --brand-45: hsl(212, 52%, 31%);
  --brand-50: hsl(212, 52%, 38%);
  --brand-55: hsl(212, 52%, 45%);
  --brand-60: hsl(212, 52%, 53%);
  --brand-65: hsl(212, 52%, 61%);
  --brand-70: hsl(212, 52%, 70%);
  --brand-75: hsl(212, 52%, 78%);
  --brand-80: hsl(212, 52%, 85%);
  --brand-85: hsl(212, 52%, 91%);
  --brand-90: hsl(212, 52%, 96%);
  --brand-95: hsl(212, 52%, 98%);
  --brand-100: hsl(212, 52%, 99%);
  --accent-0: hsl(323, 66%, 5%);
  --accent-5: hsl(323, 66%, 6%);
  --accent-10: hsl(323, 66%, 8%);
  --accent-15: hsl(323, 66%, 10%);
  --accent-20: hsl(323, 66%, 14%);
  --accent-25: hsl(323, 66%, 18%);
  --accent-30: hsl(323, 66%, 23%);
  --accent-35: hsl(323, 66%, 29%);
  --accent-40: hsl(323, 66%, 36%);
  --accent-45: hsl(323, 66%, 43%);
  --accent-50: hsl(322, 66%, 51%);
  --accent-55: hsl(323, 66%, 59%);
  --accent-60: hsl(323, 66%, 67%);
  --accent-65: hsl(323, 66%, 74%);
  --accent-70: hsl(323, 66%, 81%);
  --accent-75: hsl(323, 66%, 86%);
  --accent-80: hsl(323, 66%, 91%);
  --accent-85: hsl(323, 66%, 94%);
  --accent-90: hsl(323, 66%, 97%);
  --accent-95: hsl(323, 66%, 98%);
  --accent-100: hsl(323, 66%, 99%);
}
.portfolio.hammerson .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.hammerson {
  --banner-background-color: var(--brand-0);
  --hero-border-color: var(--accent-50);
}
.portfolio.hammerson .demographics .metric {
  --value-color: var(--brand-50);
}
.portfolio.hammerson .property-minicard {
  --address-background: hsl(212, 6%, 98%);
}
.portfolio.hammerson .siteplans {
  --unit-available-fill-color: var(--accent-50);
  --unit-available-hover-color: var(--accent-55);
}

[data-theme=dark] .portfolio.hammerson .property-minicard {
  --address-background: hsl(212, 6%, 24%);
}
[data-theme=dark] .portfolio.hammerson .siteplans {
  --unit-available-fill-color: var(--accent-40);
  --unit-available-hover-color: var(--accent-45);
}

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