/* ============================================================
   LOV'INN — FOUNDATION REVIEW · SCOPED TOKENS  (DRAFT · UNPUBLISHED)
   ------------------------------------------------------------
   • Load AFTER ../styles.css. GLOBAL :root tokens are NOT redefined here.
   • Nothing in this file is imported by the root styles.css closure, so it
     cannot reach the published design-system snapshot.
   • Governance label on every block: GLOBAL · WORLD-SCOPED ·
     REVIEW CANDIDATE · DEPRECATED / HISTORICAL
   ============================================================ */

/* ---------- SHELL SCOPE · Header A (approved by owner) ---------------
   Label: WORLD-SCOPED (shell scope). These three hex values are the Header
   A shell palette ONLY. They do not replace --forest-*, --cream-*, --gold-*. */
.web-shell {
  --shell-forest: #1A2A22;
  --shell-cream:  #F4F1EB;
  --shell-gold:   #C7A86B;
  --shell-scrolled-bg: rgba(26, 42, 34, 0.97);       /* forest 97% */
  --shell-scrolled-bg-light: rgba(244, 241, 235, 0.97);
  --shell-scrim: linear-gradient(180deg, rgba(20,27,22,0.55) 0%, rgba(20,27,22,0) 100%);

  /* Geometry — desktop (resting → scrolled) */
  --shell-h: 84px;          --shell-h-scrolled: 68px;
  --shell-pad: 48px;
  --shell-emblem: 44px;     --shell-emblem-scrolled: 36px;
  --shell-word: 31px;       --shell-word-scrolled: 26px;
  --shell-gap: 14px;

  /* Interaction */
  --hit: 44px;
  --focus-ring-color: var(--shell-gold);
  --focus-ring-width: 2px;
  --focus-ring-offset: 3px;
}
/* Mobile geometry (≤ --bp-tablet 768px) */
@media (max-width: 768px) {
  .web-shell {
    --shell-h: 64px;        --shell-h-scrolled: 56px;
    --shell-pad: 16px;
    --shell-emblem: 32px;   --shell-emblem-scrolled: 28px;
    --shell-word: 22px;     --shell-word-scrolled: 20px;
    --shell-gap: 10px;
  }
}

/* ---------- WORLD SCOPES -------------------------------------------
   Label: WORLD-SCOPED. Each world maps to EXISTING global tokens unless a
   world-specific value is already established for that world.
   Usage: <body data-world="master|suites|vadi|aether"> or on a section. */

/* MASTER / HOMEPAGE — light gateway: cream / forest / natural green */
[data-world="master"] {
  --world-surface:   var(--cream-50);
  --world-surface-2: var(--linen-200);
  --world-ink:       var(--ink-900);
  --world-ink-soft:  var(--ink-700);
  --world-accent:    var(--olive-500);
  --world-mark:      var(--gold-500);
  --world-dark:      var(--forest-700);
}

/* LUXURY SUITES — finished reference: darker, intimate, cinematic.
   Values mirror the existing Suites template; NOT redesigned. */
[data-world="suites"] {
  --world-surface:   var(--forest-900);
  --world-surface-2: var(--forest-700);
  --world-ink:       var(--cream-100);
  --world-ink-soft:  var(--text-on-forest-muted);
  --world-accent:    var(--gold-400);
  --world-mark:      var(--gold-500);
  --world-dark:      var(--forest-900);
}

/* LOV'INN VADI — active scope uses EXISTING master tokens only.
   (The candidate palette below is opt-in and preview-only.) */
[data-world="vadi"] {
  --world-surface:   var(--cream-50);
  --world-surface-2: var(--linen-200);
  --world-ink:       var(--ink-900);
  --world-ink-soft:  var(--ink-700);
  --world-accent:    var(--olive-500);
  --world-mark:      var(--olive-400);
  --world-dark:      var(--forest-600);
}

/* AETHER — gastronomy world. Aged-bronze accents stay inside AETHER.
   Values mirror the existing AETHER template (#14110E base, #9A7B4A / #B89360). */
[data-world="aether"] {
  --world-surface:   #14110E;
  --world-surface-2: #1B150F;
  --world-ink:       #E7DCC6;
  --world-ink-soft:  rgba(245, 240, 231, 0.66);
  --world-accent:    #9A7B4A;
  --world-mark:      #B89360;
  --world-dark:      #14110E;
}

/* ---------- REVIEW CANDIDATE · vadi-review -------------------------
   Label: REVIEW CANDIDATE. Active ONLY when BOTH attributes are present:
   data-world="vadi" AND data-palette="vadi-review". Never global, never
   outside Vadi previews, not approved. */
[data-world="vadi"][data-palette="vadi-review"] {
  --vadi-warm-cream: #F4EFE3;
  --vadi-bone:       #E8DFCC;
  --vadi-mist-sage:  #C8CFC2;
  --vadi-moss:       #7A8A5C;
  --vadi-forest-mid: #365A3F;

  --world-surface:   var(--vadi-warm-cream);
  --world-surface-2: var(--vadi-bone);
  --world-accent:    var(--vadi-moss);
  --world-mark:      var(--vadi-moss);
  --world-dark:      var(--vadi-forest-mid);
}