/* ==================== EUCLID CIRCULAR B (body / interface) ==================== */
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-Light-WebXL.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-LightItalic-WebXL.woff2') format('woff2');
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-Regular-WebXL.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-RegularItalic-WebXL.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-Medium-WebXL.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-MediumItalic-WebXL.woff2') format('woff2');
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-Semibold-WebXL.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-SemiboldItalic-WebXL.woff2') format('woff2');
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-Bold-WebXL.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular B';
  src: url('/system/fonts/EuclidCircularB-BoldItalic-WebXL.woff2') format('woff2');
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ==================== EUCLID FLEX (headlines only, per brandbook §05) ==================== */
@font-face {
  font-family: 'Euclid Flex';
  src: url('/system/fonts/EuclidFlex-Medium-WebXL.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Euclid Flex';
  src: url('/system/fonts/EuclidFlex-Semibold-WebXL.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

html {
    --font-sans: 'Euclid Circular B', Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Euclid Circular B', Roboto, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Euclid Flex', var(--font-sans);
}


body,
.status__content,
.notification__message,
.compose-form__textarea,
.detailed-status__content,
.account__display-name,
.status__display-name,
.button,
.button-secondary {
  font-family: var(--font-sans) !important;
  font-weight: 400;
}

/* ---- Body copy: brandbook §05 "Body" = 16/1.65, tracking 0 (was 15.5/1.58, -0.014em) ---- */
.status__content,
.notification__message,
.compose-form__textarea,
.detailed-status__content {
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0;
}

/* ---- Display names: brandbook has no "inline label" tracking spec beyond 0, so drop the
   negative tracking that was here before (-0.018em contradicts every tier in the brandbook) ---- */
.account__display-name,
.status__display-name {
  letter-spacing: 0;
}

/* ---- Buttons / action bar: brandbook §05 "Interface label/button" = 14/1.4, tracking
   +0.01em (was -0.01em — wrong sign, this was fighting the spec) ---- */
.button,
.button-secondary,
.status__action-bar {
  letter-spacing: 0.01em;
}

/* ==================== HEADLINES: Euclid Flex per brandbook §05
   "Euclid Flex declares — display, headlines... Euclid Circular B reads — body, interface labels."
   Circular B was being used for every heading; Flex was never loaded on this instance. ==================== */
h1,
.rich-formatting h1,
.rich-formatting h2,
.rich-formatting h3 {
  font-family: var(--font-heading) !important;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.rich-formatting h1 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.admin-wrapper .content__heading__tabs a.selected {
  font-weight: normal;
}