/* ==========================================================================
   House of Oriel: oriel-foundry.css, the house's own three typefaces
   Owner and founder: Kadian Alphanso Morgan. Designed with Gemini (v66); built and checked by Claude.

   1. Oriel Gravure          (--serif, --f-display)   the engraved display voice
   2. Oriel Vellum Sans      (--sans,  --f-text)      the clean adult UI voice
   3. Oriel Chronometer Mono (--mono,  --f-mark)      the horological telemetry voice

   Each is a composite: one family name, its characters drawn from different faces (unicode-range), with letter
   features switched on. The faces are free, open-licence fonts, hosted in fonts/ beside this file (licences there),
   so nothing loads from anyone else's servers. Every face of a family declares the same weight and style ranges;
   otherwise a browser uses only one of them and the rest fall back to a default face.

   On when <html data-type="house"> (Atelier → Type; set before anything paints). "Original" removes it and the room
   goes back to Cormorant Garamond and Outfit. Nothing here changes a size, a margin or a layout box except where
   Gemini's telemetry voice sets its own size and tracking.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ORIEL GRAVURE
   Capitals and numerals cut from Cormorant Garamond's engraved Roman; lowercase, punctuation and the italics'
   curves from Instrument Serif. The capitals are held at one weight (500) and sized to the lowercase (92%): at the
   heavier weight they stood bold and wide beside the condensed lowercase and read as two fonts. Both faces share
   one set of line metrics, so a mixed line never jumps.
   -------------------------------------------------------------------------- */
@font-face { font-family: "Oriel Gravure"; src: url("fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 300 800; font-style: normal; font-display: swap; size-adjust: 92%;
  ascent-override: 100%; descent-override: 26%; line-gap-override: 0%; unicode-range: U+0041-005A, U+0030-0039; }
@font-face { font-family: "Oriel Gravure"; src: url("fonts/instrument-serif-latin-400-normal.woff2") format("woff2");
  font-weight: 300 800; font-style: normal; font-display: swap; size-adjust: 97%;
  ascent-override: 89%; descent-override: 23%; line-gap-override: 0%; unicode-range: U+0061-007A, U+0020-002F, U+003A-0040, U+2010-2027; }
@font-face { font-family: "Oriel Gravure"; src: url("fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
  font-weight: 300 800; font-style: italic; font-display: swap; size-adjust: 92%;
  ascent-override: 100%; descent-override: 26%; line-gap-override: 0%; unicode-range: U+0041-005A, U+0030-0039; }
@font-face { font-family: "Oriel Gravure"; src: url("fonts/instrument-serif-latin-400-italic.woff2") format("woff2");
  font-weight: 300 800; font-style: italic; font-display: swap; size-adjust: 97%;
  ascent-override: 89%; descent-override: 23%; line-gap-override: 0%; unicode-range: U+0061-007A, U+0020-002F, U+003A-0040, U+2010-2027; }

/* --------------------------------------------------------------------------
   2. ORIEL VELLUM SANS
   Capitals from Plus Jakarta Sans; lowercase from Inter (the full, official build: it carries the single-story "a"
   and the curved "l" Gemini describes, which Plus Jakarta Sans doesn't have); numerals and punctuation from
   Outfit's circular geometry.
   -------------------------------------------------------------------------- */
@font-face { font-family: "Oriel Vellum Sans"; src: url("fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0041-005A; }
@font-face { font-family: "Oriel Vellum Sans"; src: url("fonts/inter-var.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0061-007A, U+00C0-00FF, U+0131, U+0152-0153; }
@font-face { font-family: "Oriel Vellum Sans"; src: url("fonts/outfit-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap; size-adjust: 101%;
  unicode-range: U+0020-0040, U+005B-0060, U+007B-007E, U+2000-206F, U+2190-21FF; }
@font-face { font-family: "Oriel Vellum Sans"; src: url("fonts/inter-var-italic.woff2") format("woff2");
  font-weight: 100 900; font-style: italic; font-display: swap; }

/* --------------------------------------------------------------------------
   3. ORIEL CHRONOMETER MONO
   JetBrains Mono, with its slashed zero.
   -------------------------------------------------------------------------- */
@font-face { font-family: "Oriel Chronometer Mono"; src: url("fonts/jetbrains-mono-regular.woff2") format("woff2");
  font-weight: 100 449; font-style: normal; font-display: swap; size-adjust: 95%; }
@font-face { font-family: "Oriel Chronometer Mono"; src: url("fonts/jetbrains-mono-medium.woff2") format("woff2");
  font-weight: 450 900; font-style: normal; font-display: swap; size-adjust: 95%; }

/* --------------------------------------------------------------------------
   Binding to the room's own font tokens (styles.css and warrior.css read --serif, --sans, --mono; matter.css reads
   --f-display, --f-text, --f-mark through them)
   -------------------------------------------------------------------------- */
html[data-type="house"] {
  --serif: "Oriel Gravure", "Cormorant Garamond", "Instrument Serif", Georgia, serif;
  --sans: "Oriel Vellum Sans", "Outfit", -apple-system, system-ui, sans-serif;
  --mono: "Oriel Chronometer Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace;
}

/* the display voice */
html[data-type="house"] :is(.brand, .hello, .bar-title strong, .wname, .play-name, .sheet-tt h3, .song-title, .title strong, .door .name) {
  font-feature-settings: "kern" 1, "liga" 1; letter-spacing: .015em;
}
/* her horological figures: wherever the display voice sets a number, it stands on the line at a fixed width, so a
   changing count never jitters sideways (Cormorant's lining, tabular figures) */
html[data-type="house"] :is(.brand, .hello, .bar-title strong, .wname, .play-name, .sheet-tt h3, .song-title, .title strong, .door .name, .wstamp, .wwhen) { font-variant-numeric: lining-nums tabular-nums; }
/* the UI voice: Inter's single-story a (cv11) and curved l (cv05), its open four, six and nine (cv02 to cv04), open
   digits (ss01) and round quotes (ss03). Features a face doesn't carry are simply ignored by it. */
html[data-type="house"] body, html[data-type="house"] :is(input, textarea, button, select) {
  font-feature-settings: "kern" 1, "cv11" 1, "cv05" 1, "cv02" 1, "cv03" 1, "cv04" 1, "ss01" 1, "ss03" 1;
}
/* the telemetry voice: slashed zeros, no code ligatures, Gemini's size and caliper tracking */
html[data-type="house"] :is(.eyebrow, .wstamp, .callout, .gparts, .wcaps span, #s-chat .bar-title small) {
  font-family: var(--mono); font-feature-settings: "zero" 1, "calt" 0; font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase;
}
html[data-type="house"] .wstamp { font-size: 8.5px; letter-spacing: .12em; }

/* Law 16, breathing ink: pressed, chosen or focused, the letters darken into the paper like fresh e-ink pigment,
   with no change of width (a hairline of the ink's own colour around each letter, not a heavier weight) */
html[data-type="house"] :is(button, a, [role="tab"], [role="radio"], [role="switch"]) { transition: -webkit-text-stroke-width .18s var(--spring-heavy, ease); -webkit-text-stroke: 0 currentColor; }
html[data-type="house"] :is(button:active, a:active, button:focus-visible, button[aria-selected="true"], button[aria-pressed="true"]) { -webkit-text-stroke: .22px currentColor; }

/* the carved marks (oriel-foundry.js) */
.oriel-carved-svg { display: inline-block; vertical-align: middle; overflow: visible; }
.oriel-sym { width: 22px; height: 22px; display: inline-block; vertical-align: middle; overflow: visible; }

/* --------------------------------------------------------------------------
   The other ways to set the room (v69, Atelier → Type). The same hosted faces, plain: Instrument (Instrument Serif
   for the display voice, Inter for the text, JetBrains for the marks), Jakarta (Cormorant with Plus Jakarta Sans and
   JetBrains), and Original (Cormorant and Outfit, the room as it began). House of Oriel stays the default.
   -------------------------------------------------------------------------- */
@font-face { font-family: "Instrument Serif"; src: url("fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/instrument-serif-latin-400-italic.woff2") format("woff2"); font-weight: 300 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-var-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono-regular.woff2") format("woff2"); font-weight: 100 449; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono-medium.woff2") format("woff2"); font-weight: 450 900; font-style: normal; font-display: swap; }
html[data-type="instrument"] { --serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif; --sans: "Inter", "Outfit", -apple-system, system-ui, sans-serif; --mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace; }
html[data-type="instrument"] :is(.brand, .hello, .wname, .play-name, .sheet-tt h3) { letter-spacing: 0; }
html[data-type="instrument"] body, html[data-type="instrument"] :is(input, textarea, button, select) { font-feature-settings: "kern" 1, "cv11" 1, "cv05" 1; }
html[data-type="jakarta"] { --serif: "Cormorant Garamond", Georgia, serif; --sans: "Plus Jakarta Sans", "Outfit", -apple-system, system-ui, sans-serif; --mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace; }
html[data-type="instrument"] :is(.eyebrow, .wstamp, .callout, .wcaps span), html[data-type="jakarta"] :is(.eyebrow, .wstamp, .callout, .wcaps span) { font-family: var(--mono); font-feature-settings: "zero" 1, "calt" 0; }