/* Original, unmodified Thmanyah Serif Display files; content hashes prevent stale font delivery. */
@font-face {
  font-family: 'Jdar Thmanyah';
  src: url('/assets/fonts/thmanyah-display/thmanyahserifdisplay-Light.3db143f2c1fd.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Jdar Thmanyah';
  src: url('/assets/fonts/thmanyah-display/thmanyahserifdisplay-Regular.214a70d9dabc.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Jdar Thmanyah';
  src: url('/assets/fonts/thmanyah-display/thmanyahserifdisplay-Medium.e21a2ea53f90.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Jdar Thmanyah';
  src: url('/assets/fonts/thmanyah-display/thmanyahserifdisplay-Bold.d36da84ee542.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Jdar Thmanyah';
  src: url('/assets/fonts/thmanyah-display/thmanyahserifdisplay-Black.a057be61138a.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

:root {
  --jdar-cream: #fdf7f4;
  --jdar-surface: #faf9f5;
  --jdar-deep: #0e4b3b;
  --jdar-ink-90: rgba(14,75,59,.90);
  --jdar-sage: #7d9e77;
  --jdar-action: #3e6e50;
  --jdar-muted: #526459;
  --jdar-border: #ede6df;
  --jdar-peach: #f3e2d8;
  --jdar-font: 'Jdar Thmanyah', serif;
  --jdar-body: var(--jdar-font);
  --jdar-heading: var(--jdar-font);
  --jdar-editorial: var(--jdar-font);
  --jdar-weight-body: 400;
  --jdar-weight-ui: 500;
  --jdar-weight-heading: 500;
  --jdar-weight-display: 900;
  --jdar-weight-emphasis: 700;
  --jdar-h1: clamp(2rem, 1.35rem + 1.6vw, 2.75rem);
  --jdar-h2: clamp(1.75rem, 1.3rem + 1.1vw, 2.375rem);
  --jdar-lead: clamp(1.0625rem, 1rem + .2vw, 1.1875rem);
  --jdar-body-size: 1.0625rem;
  --jdar-body-leading: 1.75;
  font-synthesis: none;
}

/* One original Thmanyah family across all app text, generated labels and controls. */
html,body,body :where(*, *::before, *::after) { font-family: var(--jdar-font); }
button,input,textarea,select,option,optgroup,summary,table,dialog,[role=tooltip],output,code,pre,kbd,samp { font-family: var(--jdar-font); }
::placeholder { font-family: var(--jdar-body); font-weight: var(--jdar-weight-body); }
b,strong { font-weight: var(--jdar-weight-emphasis); }

.wordmark {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: clamp(.4rem, .8vw, .65rem);
  color: var(--jdar-deep);
  text-decoration: none;
  white-space: nowrap;
}
.wordmark strong {
  font-family: var(--jdar-heading);
  font-size: clamp(1.68rem, 1.45rem + 1vw, 1.95rem);
  font-weight: var(--jdar-weight-display);
  line-height: 1;
}
.wordmark small {
  border-inline-start: 1px solid #0e4b3b45;
  padding-inline-start: clamp(.4rem, .8vw, .65rem);
  font-size: clamp(.83rem, .76rem + .25vw, .94rem);
  font-weight: var(--jdar-weight-ui);
  line-height: 1.1;
  /* Optically center the Sans letterforms beside the taller Display wordmark. */
  translate: 0 .245em;
}

/* Icons use outlines, so unsupported arrow/close glyphs never invoke a device font. */
.text-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}