@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url('https://www.neonlaw.com/assets/fonts/libre-franklin/LibreFranklin-Regular.woff2') format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:700;font-display:swap;src:url('https://www.neonlaw.com/assets/fonts/libre-franklin/LibreFranklin-Bold.woff2') format('woff2')}
:root {
  --nav-font-family: "Libre Franklin", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Libre Franklin", ui-sans-serif, system-ui, sans-serif;
  --brand-primary: #2F4550;
  --brand-primary-ink: #ffffff;
  --brand-surface: #eef4f6;
  --nav-color-primary: #2F4550;
  --nav-color-primary-hover: #23343c;
  --nav-color-primary-active: #1a262c;
  --nav-color-on-primary: #ffffff;
  --nav-color-on-brand: #ffffff;
  --nav-color-link: #2F4550;
  --nav-color-link-hover: #1a262c;
  --nav-color-surface-subtle: #eef4f6;
}

@media (prefers-color-scheme: dark) {
  :root {
  --nav-font-family: "Libre Franklin", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--nav-font-family);
  --brand-font-body: var(--nav-font-family);
  --brand-font-display: "Libre Franklin", ui-sans-serif, system-ui, sans-serif;
  --brand-primary: #7ea2b4;
  --brand-primary-ink: #0d1117;
  --brand-surface: #16252d;
  --nav-color-primary: #7ea2b4;
  --nav-color-primary-hover: #92b0bf;
  --nav-color-primary-active: #a5beca;
  --nav-color-on-primary: #0d1117;
  --nav-color-on-brand: #0d1117;
  --nav-color-link: #7ea2b4;
  --nav-color-link-hover: #92b0bf;
  --nav-color-surface-subtle: #16252d;
  }
}