:root {
    --brand-color: #9A0F1B;
    --brand-color-dark: #790c15;
    --bg-base-100: #faf7f5;
    --bg-base-200: #efeae6;
    --bg-base-300: #e7e2df;
  }
  .bg-base-100 {
    background-color: var(--bg-base-100) !important;
  }
  .bg-base-200 {
    background-color: var(--bg-base-200) !important;
  }
  .bg-base-300 {
    background-color: var(--bg-base-300) !important;
  }
  html {
      scroll-behavior: smooth;
  }
  body {
    font-family: "Overlock", sans-serif;
    background-color: var(--bg-base-200) !important;
  }
  .border-base-300 {
    border-width: 2px;
  }
  .logo {
    color: var(--brand-color);
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  .logo img {
    margin-right: 8px;
  }
  .btn {
    font-size: 16px !important;
  }
  
  .btn-primary {
    outline-color: var(--brand-color);
    border-color: var(--brand-color);
    background-color: var(--brand-color);
    color: white;
  }
  .btn-outline.btn-primary {
    color: var(--brand-color);
    background-color: transparent;
  }
  .btn-outline.btn-primary:hover {
    color: var(--brand-color-dark);
    background-color: transparent;
    outline-color: var(--brand-color-dark);
  }
  .alert-error {
    background-color: #d70101;
    color: white;
  }
  .alert-success {
    background-color: #049764;
    color: white;
  }
  .link {
    color: #2949ba;
  }
  .menu {
      font-size: 16px !important;
  }
  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover,
  :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
      background: transparent;
  }
  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, 
  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, 
  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, 
  :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, 
  :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, 
  :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
    background: transparent;
  }
  .menu li > *:not(ul, .menu-title, details, .btn):active, .menu li > *:not(ul, .menu-title, details, .btn).active, .menu li > details > summary:active {
    background: transparent;
  }