@font-face {
  font-family: "Lucid";
  src: url("/landing/assets/lucid-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/landing/assets/geist-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/landing/assets/geist-mono-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-display: "Lucid", Georgia, serif;
  --font-body: "Geist", Arial, sans-serif;
  --font-mono: "Geist Mono", monospace;
  --brand-ink: #0a0a0a;
  --brand-accent: #6f6f6f;
  --brand-tint: #f2f2f2;
  --brand-focus: #444;
  --brand-gradient: linear-gradient(145deg, #ffffff, #f5f5f3);
  --brand-muted: #f3f3f3;
  --brand-card: #fcfcfc;
  --brand-border: #e5e5e5;
}

.brand:hover,
.brand:focus,
.brand:active,
.sidebar-brand:hover,
.sidebar-brand:focus,
.sidebar-brand:active,
.logo:hover,
.logo:focus,
.logo:active,
.signin-logo:hover,
.signin-logo:focus,
.signin-logo:active {
  text-decoration: none;
}