/* WARNING: This file is generated automatically by running `pnpm thecrownestate`.
 * Any changes you make here may be lost.  Instead make the changes to the
 * styles/portfolio/thecrownestate/thecrownestate.scss source file
 */
.portfolio.thecrownestate {
  --brand-0: hsl(209, 63%, 5%);
  --brand-5: hsl(209, 63%, 6%);
  --brand-10: hsl(209, 63%, 8%);
  --brand-15: hsl(209, 63%, 11%);
  --brand-20: hsl(211, 63%, 15%);
  --brand-25: hsl(209, 63%, 21%);
  --brand-30: hsl(209, 63%, 26%);
  --brand-35: hsl(209, 63%, 32%);
  --brand-40: hsl(209, 63%, 39%);
  --brand-45: hsl(209, 63%, 45%);
  --brand-50: hsl(209, 63%, 52%);
  --brand-55: hsl(209, 63%, 59%);
  --brand-60: hsl(209, 63%, 65%);
  --brand-65: hsl(209, 63%, 72%);
  --brand-70: hsl(209, 63%, 78%);
  --brand-75: hsl(209, 63%, 83%);
  --brand-80: hsl(209, 63%, 88%);
  --brand-85: hsl(209, 63%, 93%);
  --brand-90: hsl(209, 63%, 96%);
  --brand-95: hsl(209, 63%, 98%);
  --brand-100: hsl(209, 63%, 99%);
  --accent-0: hsl(336, 79%, 5%);
  --accent-5: hsl(336, 79%, 6%);
  --accent-10: hsl(336, 79%, 8%);
  --accent-15: hsl(336, 79%, 11%);
  --accent-20: hsl(336, 79%, 16%);
  --accent-25: hsl(336, 79%, 21%);
  --accent-30: hsl(336, 79%, 26%);
  --accent-35: hsl(336, 79%, 32%);
  --accent-40: hsl(336, 79%, 39%);
  --accent-45: hsl(336, 79%, 45%);
  --accent-50: hsl(336, 79%, 52%);
  --accent-55: hsl(336, 79%, 59%);
  --accent-60: hsl(337, 79%, 65%);
  --accent-65: hsl(336, 79%, 72%);
  --accent-70: hsl(336, 79%, 78%);
  --accent-75: hsl(336, 79%, 83%);
  --accent-80: hsl(336, 79%, 88%);
  --accent-85: hsl(336, 79%, 93%);
  --accent-90: hsl(336, 79%, 96%);
  --accent-95: hsl(336, 79%, 98%);
  --accent-100: hsl(336, 79%, 99%);
}
.portfolio.thecrownestate .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.thecrownestate {
  --banner-background-color: var(--brand-20);
  --hero-border-color: var(--accent-60);
  --banner-logo-size: 120px;
}
.portfolio.thecrownestate .demographics .metric {
  --value-color: var(--brand-30);
}
.portfolio.thecrownestate .property-minicard {
  --address-background: hsl(209, 5%, 98%);
}
.portfolio.thecrownestate .siteplans {
  --unit-available-fill-color: var(--accent-50);
  --unit-available-hover-color: var(--accent-60);
}

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

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