/* Lufga — site-wide brand font for ogmaio.com */
@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/Lufga-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/Lufga-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/Lufga-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/Lufga-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/Lufga-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/Lufga-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-lufga: "Lufga", system-ui, sans-serif;
  --font-sora: var(--font-lufga);
  --font-inter-tight: var(--font-lufga);
  --font-manrope: var(--font-lufga);
  --font-ibm-plex-mono: var(--font-lufga);
  --font-instrument-serif: var(--font-lufga);
  --font-sans: var(--font-lufga);
  --default-font-family: var(--font-lufga);
  --default-mono-font-family: var(--font-lufga);
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--font-lufga) !important;
}

.font-sora,
.font-inter-tight,
.font-manrope,
.font-ibm-plex-mono,
.font-instrument-serif,
.font-sans {
  font-family: var(--font-lufga) !important;
}

/* Panel / brand name — Lufga (header weight overridden below) */
[data-brand-name],
[data-brand-name-visible] {
  font-family: var(--font-lufga) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -0.04em;
  line-height: 1 !important;
}

/* Header: tighter logo↔name gap + lighter weight + subtle L→R tint→white */
header a:has([data-brand-logo-wrap]),
#mobile-sidebar a:has([data-brand-logo-wrap]) {
  gap: 0 !important;
}
header a:has([data-brand-logo-wrap]) [data-brand-logo-wrap],
#mobile-sidebar a:has([data-brand-logo-wrap]) [data-brand-logo-wrap] {
  margin-right: -0.65rem;
}
header a:has([data-brand-logo-wrap]) [data-brand-name-visible],
#mobile-sidebar a:has([data-brand-logo-wrap]) [data-brand-name-visible] {
  font-size: 50px !important;
  font-weight: 500 !important;
  margin-left: -0.85rem;
  display: inline-flex !important;
  align-items: center;
  background-image: linear-gradient(
    90deg,
    #b8c4ff 0%,
    #c4b5fd 22%,
    #e8eefc 55%,
    #ffffff 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}