@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500&family=Red+Hat+Text:wght@300;400;500;600&display=swap');
:root{
  --color-bg:#ffffff;
  --color-surface:#f6f7f9;
  --color-text:#0e2240;
  --color-divider:#e2e5eb;
  --color-neutral-100:#f5f6f8;
  --color-neutral-400:#c4c9d3;
  --color-neutral-600:#6a7384;
  --color-neutral-800:#1d3558;
  --color-accent:#b8322a;
  --color-accent-600:#9e2a23;
  --color-accent-700:#8f271f;
  --font-heading:'Red Hat Display',system-ui,sans-serif;
  --font-body:'Red Hat Text',system-ui,sans-serif;
}
body{background:#fff;color:var(--color-text);font-weight:400;-webkit-font-smoothing:antialiased}
a:hover{color:var(--color-neutral-600)}
::selection{background:#e6e9ef}
.btn{font-family:var(--font-body)!important;font-weight:500!important;letter-spacing:0.04em!important;border-width:1px!important}
.btn-primary{background:var(--color-text)!important;border-color:var(--color-text)!important;color:#fff!important}
.btn-primary:hover{background:var(--color-neutral-800)!important;border-color:var(--color-neutral-800)!important}
.btn-secondary{background:transparent!important;border:1px solid var(--color-text)!important;color:var(--color-text)!important}
.btn-secondary:hover{background:var(--color-neutral-100)!important}
.input{border-width:1px!important;font-family:var(--font-body)}