/* Kadife Kına · henna-velvet — Atölye #3 (#414, Mina).
   Contract: docs/tasarim/v2/yon.md §2 row 3, §3 (soft/warm), §4 + §4.1. Selectors: [data-theme] + .inv-cover only.
   --inv-art-* URLs are root-absolute (§4.1 (4)); url() in this file's own rules stays relative. */

[data-theme="henna-velvet"] {
  /* yon.md §4.1 (1): this theme owns the whole cover composition; page.js sets <body data-cover="theme"> */
  --inv-cover-owned: 1;

  /* colour — contrast measured in README.md */
  --inv-bg: #4A0D18;
  --inv-surface: #5E1322;
  --inv-text: #F7E9DA;
  --inv-text-muted: #D9BFA8;
  --inv-primary: #E3B45C;
  --inv-on-primary: #3A0912;
  --inv-accent: #F0CF8A;
  --inv-ornament: #C9973E;
  --inv-border: #7A2A38;
  --inv-backdrop: #3A0912;
  --inv-danger: #FFB4A8;
  --inv-focus: var(--inv-accent);

  /* type: name / heading / body */
  --inv-font-script: 'Great Vibes', cursive;
  --inv-font-display: 'Marcellus', Georgia, serif;
  --inv-font-body: 'Lora', Georgia, serif;
  /* yon.md §4.1/12: Marcellus's "1" reads as "I" → dates, counters, stepper and calendar leaf use Lora (lining by default) */
  --inv-font-numeric: 'Lora', Georgia, serif;
  --inv-display-weight: 400;
  --inv-display-transform: uppercase;
  --inv-display-tracking: .12em;
  --inv-body-size: 1.0625rem;
  --inv-radius: 4px;

  /* motion: warm and rhythmic (yon.md §3 column "Yumuşak" 1, 3, 6) */
  --inv-motion-intro-total: 2600ms;
  --inv-motion-ease-open: var(--ease-in-out);
  --inv-motion-name-in: 900ms;
  --inv-motion-reveal: 700ms;
  --inv-motion-reveal-distance: 16px;
  --inv-motion-stagger: 90ms;
  --inv-motion-micro: 180ms;
  --inv-motion-ambient: lantern;

  /* art slots */
  --inv-art-backdrop: url("/themes/henna-velvet/art/backdrop.svg");
  --inv-art-scene: url("/themes/henna-velvet/art/scene.svg");
  --inv-art-scene-1x: url("/themes/henna-velvet/art/scene.svg");
  --inv-art-flank-left: url("/themes/henna-velvet/art/flank-left.svg");
  --inv-art-flank-right: url("/themes/henna-velvet/art/flank-right.svg");
  --inv-art-divider: url("/themes/henna-velvet/art/divider.svg");
  --inv-art-corner: url("/themes/henna-velvet/art/corner.svg");
  --inv-art-icon-schedule: url("/themes/henna-velvet/art/icon-schedule.svg");
  --inv-art-icon-rsvp: url("/themes/henna-velvet/art/icon-rsvp.svg");
  --inv-art-icon-gift: url("/themes/henna-velvet/art/icon-gift.svg");
  --inv-art-icon-gallery: url("/themes/henna-velvet/art/icon-gallery.svg");
  --inv-art-icon-guestbook: url("/themes/henna-velvet/art/icon-guestbook.svg");
  --inv-art-icon-share: url("/themes/henna-velvet/art/icon-share.svg");
}

/* ---- Cover: velvet stage — gathered curtains, lanterns under the pelmet, names between the tassels ---- */
[data-theme="henna-velvet"] .inv-cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100svh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: var(--space-3);
  padding: 27svh var(--space-16) 16svh;
  text-align: center;
  color: var(--inv-text);
  background: var(--inv-bg);
}
[data-theme="henna-velvet"] .inv-cover__art {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("art/glow.svg") 50% 50% / cover no-repeat, var(--inv-art-scene) 50% 50% / cover no-repeat, var(--inv-bg);
}
[data-theme="henna-velvet"] .inv-cover__content { display: contents; }
[data-theme="henna-velvet"] .inv-cover__eyebrow {
  margin: 0;
  font: var(--inv-display-weight) .8125rem/1.4 var(--inv-font-display);
  letter-spacing: var(--inv-display-tracking);
  text-transform: var(--inv-display-transform);
  color: var(--inv-accent);
}
[data-theme="henna-velvet"] .inv-cover__names {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  column-gap: .25em;
  max-width: 16rem;
  margin: 0;
  padding-inline: .15em;
  font: 400 clamp(4rem, 3.1rem + 3.6vw, 6.25rem)/1.1 var(--inv-font-script); /* 64 → 100 */
  background: linear-gradient(100deg, var(--inv-ornament) 0%, var(--inv-accent) 40%, var(--inv-primary) 62%, var(--inv-accent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
[data-theme="henna-velvet"] .inv-cover__name { font: inherit; }
[data-theme="henna-velvet"] .inv-cover__amp { font-size: .7em; }
[data-theme="henna-velvet"] .inv-cover__date { margin: var(--space-1) 0 0; }
[data-theme="henna-velvet"] .inv-cover__date time,
[data-theme="henna-velvet"] .inv-cover__day { display: block; }
[data-theme="henna-velvet"] .inv-cover__day {
  font: 400 .875rem/1.4 var(--inv-font-numeric); /* 14 px ≤ 18, Lora lining: "1" ≠ "I" (§4.1/12) */
  font-variant-numeric: lining-nums;
  letter-spacing: .1em;
  text-transform: var(--inv-display-transform);
  color: var(--inv-text);
}
[data-theme="henna-velvet"] .inv-cover__time {
  display: block;
  margin-top: .3em;
  font: var(--inv-display-weight) .875rem/1.4 var(--inv-font-display);
  letter-spacing: .14em;
  text-transform: var(--inv-display-transform);
  color: var(--inv-text-muted);
}
[data-theme="henna-velvet"] .inv-cover__venue {
  margin: 0;
  font: 400 1rem/1.5 var(--inv-font-body);
  color: var(--inv-text-muted);
}
[data-theme="henna-velvet"] .inv-cover__guest,
[data-theme="henna-velvet"] .inv-cover__badge { margin: 0; font: 400 1rem/1.4 var(--inv-font-body); color: var(--inv-text-muted); }
[data-theme="henna-velvet"] .inv-cover__scroll {
  position: absolute;
  left: 50%;
  bottom: 3svh;
  translate: -50% 0;
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--inv-surface);
  font: var(--inv-display-weight) .875rem/1 var(--inv-font-display);
  color: var(--inv-accent);
}
/* §4.1 (2): the scene fills the 560 column only; the column gets its own 560x900 drawing */
@media (min-width: 1024px) {
  [data-theme="henna-velvet"] .inv-cover { width: auto; margin-inline: 0; padding-inline: var(--space-24); padding-top: 24svh; }
  [data-theme="henna-velvet"] .inv-cover__art {
    background: url("art/glow-wide.svg") 50% 50% / cover no-repeat, url("art/scene-wide.svg") 50% 50% / cover no-repeat, var(--inv-bg);
  }
}

/* Görev 1527: tarih ve saat paylaşılan ölçü token'larında (390'da 28 / 16 px); kapak ile açılış aynı ölçüyü kullanır. */
[data-theme="henna-velvet"] .inv-cover__day { font-size: var(--inv-text-date); line-height: var(--inv-lh-date); letter-spacing: .03em; white-space: normal; }
[data-theme="henna-velvet"] .inv-cover__time { font-size: var(--inv-text-time-min); }
[data-theme="henna-velvet"] .inv-cover__date { font-size: var(--inv-text-date); line-height: var(--inv-lh-date); }