/* Lumière Skin — brand foundation (v2, book-true)
   Palette: ספר מותג עמ' 14. Fonts: ספר מותג עמ' 14 (Midruns, Agirlsty) + Agharti
   (הפונט של המודעה המקורית 1.jpg), קבצים מקוריים מתיקיית המותג ב-iCloud. */

@font-face {
  font-family: "Agharti";
  src: url("../fonts/brand/Agharti-RegularSemiWide.woff2") format("woff2");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Agharti";
  src: url("../fonts/brand/Agharti-DemiSemiWide.woff2") format("woff2");
  font-weight: 600;
  font-display: block;
}
@font-face {
  font-family: "Agharti";
  src: url("../fonts/brand/Agharti-BoldSemiWide.woff2") format("woff2");
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: "Agharti";
  src: url("../fonts/brand/Agharti-BlackSemiWide.woff2") format("woff2");
  font-weight: 900;
  font-display: block;
}
@font-face {
  font-family: "Midruns";
  src: url("../fonts/brand/MidrunsSans.woff2") format("woff2");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Midruns Script";
  src: url("../fonts/brand/MidrunsScript.woff2") format("woff2");
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Agirlsty";
  src: url("../fonts/brand/Agirlsty.otf") format("opentype");
  font-weight: 400;
  font-display: block;
}

:root {
  --lum-ink: #4a403a;
  --lum-taupe: #a78f7a;
  --lum-sun: #ffd967;
  --lum-glow: #f6e7b1;
  --lum-paper: #f8f6f2;
  --lum-line: rgb(74 64 58 / 16%);
  --lum-shadow: 0 30px 80px rgb(74 64 58 / 20%);
  --lum-display: "Agharti", "Arial Narrow", sans-serif;
  --lum-caps: "Midruns", "Agharti", sans-serif;
  --lum-serif: "Agirlsty", "Didot", serif;
  --lum-script: "Midruns Script", cursive;
  --lum-ease: cubic-bezier(0.32, 0.72, 0, 1);
}

* { box-sizing: border-box; }

html {
  color-scheme: light;
  background: var(--lum-paper);
}

body {
  margin: 0;
  color: var(--lum-ink);
  background: var(--lum-paper);
  font-family: var(--lum-serif);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

/* ---- shared brand primitives ---- */

.lum-microcaps {
  font-family: var(--lum-caps);
  font-weight: 400;
  letter-spacing: 0.42em;
  text-indent: 0.42em; /* keeps spaced caps optically centered */
  text-transform: uppercase;
}

.lum-display {
  font-family: var(--lum-display);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 0.92;
  letter-spacing: 0.012em;
}

.lum-serif-line {
  font-family: var(--lum-serif);
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* stacked lockup: mark above wordmark above descriptor (ספר מותג עמ' 7) */
.lum-lockup {
  display: grid;
  justify-items: center;
  gap: 0.55em;
  text-align: center;
}
.lum-lockup img { width: auto; }
.lum-lockup .lockup-mark { height: 3.1em; }
.lum-lockup .lockup-word { height: 1.05em; }
.lum-lockup .lockup-sub {
  font-family: var(--lum-caps);
  font-size: 0.34em;
  letter-spacing: 0.6em;
  text-indent: 0.6em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* inline lockup: mark beside wordmark (ספר מותג עמ' 6) */
.lum-lockup-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.lum-lockup-inline .lockup-mark { height: 1.9em; }
.lum-lockup-inline .lockup-word { height: 0.95em; }

/* soft paper grain, applied to fixed/absolute decor layers only */
.lum-grain::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  background-size: 160px 160px;
}

/* hairline rule with centered dot, quiet divider */
.lum-rule {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 0;
  color: var(--lum-taupe);
}
.lum-rule::before,
.lum-rule::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--lum-line);
}