@font-face {
  font-family: "Berkeley Mono";
  src: url("/BerkeleyMonoVariable-Regular.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


html, body, * {
  font-family: 'Berkeley Mono'
}

/* Catppuccin Frappe theme (deepest) */
:root {

  /* Page background - Crust */
  --background: #232634;

  /* Primary text color - Text */
  --foreground: #c6d0f5;

  /* Card background - Mantle */
  --card: #292c3c;

  /* Card text color - Text */
  --card-foreground: #c6d0f5;

  /* Primary buttons and links - Blue */
  --primary: #8caaee;

  /* Text color on primary buttons - Crust */
  --primary-foreground: #232634;

  /* Secondary button background - Base */
  --secondary: #303446;

  /* Text colour on secondary buttons - Subtext1 */
  --secondary-foreground: #b5bfe2;

  /* Muted (lighter) background - Mantle */
  --muted: #292c3c;

  /* Muted (lighter) text colour - Subtext0 */
  --muted-foreground: #a5adce;

  /* Subtler than muted background - Crust (darkest) */
  --faint: #1a1b26;

  /* Subtler than muted text color - Overlay0 */
  --faint-foreground: #737994;

  /* Accent background - Base */
  --accent: #303446;

  /* Accent text color - Lavender */
  --accent-foreground: #babbf1;

  /* Error/danger color - Red */
  --danger: #e78284;

  /* Text color on danger background - Crust */
  --danger-foreground: #232634;

  /* Success color - Green */
  --success: #a6d189;

  /* Text colour on success background - Crust */
  --success-foreground: #232634;

  /* Warning color - Yellow */
  --warning: #e5c890;

  /* Text colour on warning background - Crust */
  --warning-foreground: #232634;

  /* Border color (boxes) - Surface0 */
  --border: #414559;

  /* Input borders - Base */
  --input: #303446;

  /* Focus ring color - Lavender */
  --ring: #babbf1;

  /* Override all border radii to 0 */
  --radius-small: 0px;
  --radius-medium: 0px;
  --radius-large: 0px;
  --radius-full: 0px;
}

.container--full {
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

button, .button, a.button {
  &:has(svg) {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
  }
}

a:has(svg:only-child) {
  display: inline-flex;
  align-items: center;
}

@media (min-width: 769px) {
  [data-sidebar-toggle] {
    display: none !important;
  }
}