@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 699;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/dm-sans/DMSans-Regular.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700 1000;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/dm-sans/DMSans-Bold.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/barlow-condensed/BarlowCondensed-Regular.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/barlow-condensed/BarlowCondensed-Bold.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('https://staging.neonlaw.com/assets/fonts/barlow-condensed/BarlowCondensed-ExtraBold.woff2') format('woff2')}
:root {
  --nav-font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Barlow Condensed", Impact, sans-serif;
  --brand-primary: #446300;
  --brand-primary-ink: #ffffff;
  --brand-surface: #e7efcf;
  --nav-color-primary: #446300;
  --nav-color-primary-hover: #344d00;
  --nav-color-primary-active: #263800;
  --nav-color-on-primary: #ffffff;
  --nav-color-on-brand: #ffffff;
  --nav-color-link: #446300;
  --nav-color-link-hover: #344d00;
  --nav-color-surface-subtle: #e7efcf;
  --nav-color-bg: #f0f1e9;
  --nav-color-surface: #ffffff;
  --nav-color-surface-raised: #ffffff;
  --nav-color-text: #10110f;
  --nav-color-text-muted: #52564b;
  --nav-color-border: #bdc3b0;
}

@media (prefers-color-scheme: dark) {
  :root {
  --nav-font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Barlow Condensed", Impact, sans-serif;
  --brand-primary: #c3ff35;
  --brand-primary-ink: #10110f;
  --brand-surface: #22251b;
  --nav-color-primary: #c3ff35;
  --nav-color-primary-hover: #d6ff77;
  --nav-color-primary-active: #a6e021;
  --nav-color-on-primary: #10110f;
  --nav-color-on-brand: #10110f;
  --nav-color-link: #c3ff35;
  --nav-color-link-hover: #d6ff77;
  --nav-color-surface-subtle: #22251b;
  --nav-color-bg: #10110f;
  --nav-color-surface: #161a12;
  --nav-color-surface-raised: #22251b;
  --nav-color-text: #f0f1e9;
  --nav-color-text-muted: #bfc4b5;
  --nav-color-border: #535a48;
  }
}