@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/nunito-sans/NunitoSans-Regular.woff2') format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/nunito-sans/NunitoSans-Bold.woff2') format('woff2')}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:400;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/cormorant-sc/CormorantSC-Regular.woff2') format('woff2')}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:700;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/cormorant-sc/CormorantSC-Bold.woff2') format('woff2')}
:root {
  --nav-font-family: Avenir, "Avenir Next", "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Cormorant SC", "Times New Roman", serif;
  --brand-primary: #000000;
  --brand-primary-ink: #FFFFFF;
  --brand-surface: #ECECEC;
  --nav-color-primary: #000000;
  --nav-color-primary-hover: #2B2B2B;
  --nav-color-primary-active: #3F3F3F;
  --nav-color-on-primary: #FFFFFF;
  --nav-color-on-brand: #FFFFFF;
  --nav-color-link: #000000;
  --nav-color-link-hover: #3F3F3F;
  --nav-color-surface-subtle: #ECECEC;
  --nav-color-bg: #ECECEC;
  --nav-color-surface: #FFFFFF;
  --nav-color-surface-raised: #FFFFFF;
  --nav-color-text: #2B2B2B;
  --nav-color-text-muted: #555555;
  --nav-color-border: #767676;
}

@media (prefers-color-scheme: dark) {
  :root {
  --nav-font-family: Avenir, "Avenir Next", "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Cormorant SC", "Times New Roman", serif;
  --brand-primary: #FFFFFF;
  --brand-primary-ink: #000000;
  --brand-surface: #1A1A1A;
  --nav-color-primary: #FFFFFF;
  --nav-color-primary-hover: #ECECEC;
  --nav-color-primary-active: #D4D4D4;
  --nav-color-on-primary: #000000;
  --nav-color-on-brand: #000000;
  --nav-color-link: #FFFFFF;
  --nav-color-link-hover: #D4D4D4;
  --nav-color-surface-subtle: #1A1A1A;
  --nav-color-bg: #000000;
  --nav-color-surface: #0D0D0D;
  --nav-color-surface-raised: #1A1A1A;
  --nav-color-text: #ECECEC;
  --nav-color-text-muted: #B3B3B3;
  --nav-color-border: #8A8A8A;
  }
}