@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Public+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

/* Medusa UI tokens are overridden after its generated stylesheet. */
:root {
  --bg-base: var(--endeavor-silver-light, #e9ecf3);
  --bg-subtle: var(--endeavor-silver, #dfe5ee);
  --bg-component: var(--endeavor-silver, #dfe5ee);
  --bg-component-hover: var(--endeavor-silver-light, #e9ecf3);
  --bg-field: var(--endeavor-silver-light, #e9ecf3);
  --bg-field-hover: var(--endeavor-silver, #dfe5ee);
  --bg-field-component: var(--endeavor-silver-light, #e9ecf3);
  --border-base: #aabac5;
  --border-strong: #718999;
  --fg-base: var(--endeavor-ink, #15242f);
  --fg-subtle: var(--endeavor-ink, #15242f);
  --fg-muted: var(--endeavor-ink, #15242f);
  --fg-interactive: var(--endeavor-copper, #9e5133);
  --fg-interactive-hover: var(--endeavor-copper, #9e5133);
  --bg-interactive: var(--endeavor-copper, #9e5133);
  --bg-interactive-hover: var(--endeavor-copper, #9e5133);
  --button-inverted: var(--endeavor-navy, #102b40);
  --button-inverted-hover: var(--endeavor-ink, #15242f);
  --button-neutral: var(--endeavor-silver-light, #e9ecf3);
  --button-neutral-hover: var(--endeavor-silver, #dfe5ee);
}

html, body, button, input, select, textarea {
  font-family: var(--endeavor-font, Inter, ui-sans-serif, system-ui, sans-serif);
}

h1, h2, h3 {
  font-family: var(--endeavor-font, Inter, ui-sans-serif, system-ui, sans-serif);
  letter-spacing: -.025em;
}

code, pre, kbd, samp {
  font-family: 'IBM Plex Mono', monospace;
}

:focus-visible {
  outline-color: var(--endeavor-copper, #9e5133);
}

.endeavor-admin-brand { display: flex; align-items: center; gap: 14px; max-width: 100%; }
.endeavor-admin-brand .endeavor-brand-mark { width: 100px; height: 105px; }
.endeavor-admin-wordmark { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.endeavor-admin-wordmark strong { color: var(--endeavor-navy, #102b40); font-size: clamp(28px, 4vw, 36px); line-height: 1.1; }
.endeavor-admin-wordmark span { color: var(--endeavor-copper, #9e5133); font-size: clamp(13px, 2vw, 16px); font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }
.endeavor-admin-sidebar-mark { width: 30px; height: 32px; }
@media (max-width: 520px) { .endeavor-admin-brand .endeavor-brand-mark { width: 60px; height: 63px; } .endeavor-admin-brand { gap: 9px; } }

.endeavor-store-nav {
  margin-top: 1rem;
  padding-top: .75rem;
  border-top: 1px solid var(--border-base);
}

.endeavor-store-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  padding: .25rem .5rem;
  border-radius: .375rem;
  color: var(--fg-subtle);
  font-size: .8125rem;
  font-weight: 600;
  text-decoration: none;
}

.endeavor-store-nav-link::after {
  content: "↗";
  font-size: 1rem;
  line-height: 1;
}

.endeavor-store-nav-link:hover {
  background: var(--bg-component-hover);
  color: var(--fg-base);
}

.endeavor-store-nav-link:focus-visible {
  outline: 2px solid var(--fg-interactive);
  outline-offset: 2px;
}