@font-face {
  font-family: 'LLARK';
  src:
    url('/ARK-Regular.ttf') format('truetype'),
    url('/ARK-Regular(1).ttf') format('truetype'),
    url('ARK-Regular.ttf') format('truetype'),
    url('ARK-Regular(1).ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --ll-display-font: 'LLARK', 'ARK', 'Cinzel', Georgia, serif;
  --ll-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --ll-readable-font: Georgia, 'Times New Roman', serif;
}

html,
body,
body * {
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  font-synthesis: none !important;
}

html,
body {
  font-family: var(--ll-ui-font) !important;
  letter-spacing: 0 !important;
}

/* Use the ARK font only where it is large enough to render cleanly. */
h1,
.hero h1,
#store-title,
.detail-title,
.modal-title,
.wrong-server-title,
.ll-maintenance-title {
  font-family: var(--ll-display-font) !important;
  font-weight: 400 !important;
  letter-spacing: .02em;
}

/* Keep small UI text sharp. Do not use the ARK font for nav/buttons/account text. */
.nav a,
.nav button,
.nav-dropbtn,
.button,
.btn,
.badge,
.panel-title,
.section-title h2,
.buyer-checkout-head strong,
.buyer-checkout-pill,
.compact-guide-title,
.field-section-title,
.field-hint-chip,
.ll-global-account,
.ll-global-account *,
.ll-maintenance-message,
.ll-maintenance-details,
label,
input,
select,
textarea,
option,
p,
small,
li,
.desc,
.detail-copy,
.modal-desc,
.buyer-checkout-note,
.field small,
.info-card p,
.cart-item-options,
.announcement-card p,
.server-card p,
.status-box p {
  font-family: var(--ll-ui-font) !important;
  letter-spacing: 0 !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

button,
a,
input,
select,
textarea {
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

pre,
code,
kbd,
samp,
.command-preview,
.delivery-output,
.dino-import-area,
.dino-command-textarea,
.wide-command,
.placeholder-chip,
.placeholder-button {
  font-family: Consolas, 'Courier New', monospace !important;
  letter-spacing: 0 !important;
}


/* v44: make small UI text bold and crisp without forcing the ARK display font everywhere. */
:root {
  --ll-small-text-weight: 800;
  --ll-ui-text-weight: 750;
}

body,
p,
small,
li,
a,
button,
label,
input,
select,
textarea,
option,
span,
strong,
em,
td,
th,
summary,
.nav a,
.nav button,
.nav-dropbtn,
.button,
.btn,
.badge,
.panel-title,
.section-title,
.section-title *,
.product-card,
.product-card *,
.product-body,
.product-body *,
.category-buttons,
.category-buttons *,
.market-category-card,
.market-category-card *,
.info-card,
.info-card *,
.server-card,
.server-card *,
.status-box,
.status-box *,
.announcement-card,
.announcement-card *,
.detail-buy-card,
.detail-buy-card *,
.buyer-checkout-panel,
.buyer-checkout-panel *,
.field,
.field *,
.compact-guide,
.compact-guide *,
.field-section,
.field-section *,
.cart-drawer,
.cart-drawer *,
.ll-global-account,
.ll-global-account *,
.ll-maintenance-message,
.ll-maintenance-details,
.modal,
.modal *,
.admin-delivery-panel,
.admin-delivery-panel * {
  font-weight: var(--ll-small-text-weight) !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Display headings can keep their intended weight/shape. */
h1,
.hero h1,
#store-title,
.detail-title,
.modal-title,
.wrong-server-title,
.ll-maintenance-title {
  font-family: var(--ll-display-font) !important;
  font-weight: 400 !important;
  text-shadow: 0 0 16px rgba(15,104,234,.14) !important;
}

/* Keep command/output text readable, not decorative. */
pre,
code,
kbd,
samp,
.command-preview,
.delivery-output,
.dino-import-area,
.dino-command-textarea,
.wide-command,
.placeholder-chip,
.placeholder-button {
  font-weight: 700 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
}