/* ═══════════════════════════════════════════════════════════════════════════
   Embassy Eden — Download Gate, LIGHT BEIGE skin
   ---------------------------------------------------------------------------
   Recolours the offline asset-pack download gate (#edenGate, .eg-* / .eden-gate*)
   from the old dark-botanical treatment to the official Embassy Eden light
   beige palette. Colour only — no layout, size, spacing, radius, animation
   timing or z-index is touched anywhere in this file.

   LOAD ORDER: this sheet MUST be linked AFTER download-gate.css *and* after
   theme-green.css (theme-green.css re-tints .eg-card, .eg-chip and
   .eden-gate--screen to dark green; those overrides are undone here purely by
   cascade order, so no !important is used).

   PALETTE IN PLAY
     ground / scrim ......... #fff2eb
     raised card / panel .... #fee6d3
     border / divider/track . #e4c9b0
     body + heading text .... #3f593a   (primary green)
     strong / emphasis ...... #2c3f28   (deep green)
     muted text ............. rgba(63,89,58,.66)
     progress fill / success  #3f593a on an #e4c9b0 track
     green tints ............ #abbea2 · #d8ecd4 · #f0f7e8
     accent (warnings) ...... #6d603d   (olive, used sparingly)
   ═══════════════════════════════════════════════════════════════════════════ */


/* ───────────── shared card shell — warm glass ───────────── */
.eg-card{
  /* Kept opaque enough that dark-green type stays legible even while the card
     floats over the intro photography; the inherited backdrop-filter still
     does the glass work at the edges. */
  background:linear-gradient(155deg,rgba(254,230,211,.93),rgba(255,242,235,.87));
  border:1px solid rgba(228,201,176,.9);
  box-shadow:0 18px 48px rgba(63,89,58,.10);
  color:#3f593a;
}

.eg-eyebrow{color:rgba(63,89,58,.66)}
.eg-eyebrow b{color:#2c3f28}


/* ───────────── idle offer ───────────── */
.eg-lede{color:#3f593a}

.eg-download{
  border:1px solid #e4c9b0;
  background:linear-gradient(160deg,#fff2eb,#fee6d3);
  color:#3f593a;
}
.eg-download:active{
  background:linear-gradient(160deg,#fee6d3,#e4c9b0);
  border-color:#3f593a;
}
.eg-download svg path{stroke:#3f593a}


/* ───────────── progress manifest ───────────── */
.eg-total{color:rgba(63,89,58,.86)}
.eg-total b{color:#2c3f28}

.eg-name{color:rgba(63,89,58,.86)}
.eg-count{color:rgba(63,89,58,.55)}
.eg-size{color:rgba(109,96,61,.9)}

.eg-bar{background:#e4c9b0}
.eg-bar i{background:linear-gradient(90deg,#3f593a,#2c3f28)}

.eg-row.is-done .eg-name{color:rgba(63,89,58,.55)}
.eg-row.is-done .eg-count{color:rgba(63,89,58,.7)}

.eg-note{color:#6d603d}
.eg-row.is-warn .eg-bar i{background:linear-gradient(90deg,rgba(109,96,61,.72),#6d603d)}


/* ───────────── completion ───────────── */
.eg-check{
  border:1px solid rgba(63,89,58,.38);
  background:radial-gradient(circle at 50% 38%,rgba(216,236,212,.92),rgba(240,247,232,.55));
}
.eg-check svg path{stroke:#3f593a}

.eg-done-copy b{color:#2c3f28}
.eg-done-copy small{color:rgba(63,89,58,.66)}


/* ───────────── slim offline chip ───────────── */
.eg-chip{
  background:rgba(255,242,235,.62);
  border:1px solid rgba(228,201,176,.9);
  color:rgba(63,89,58,.86);
}
.eg-chip i{color:#3f593a}


/* ───────────── fullscreen gate ───────────── */
/* The night-garden plate is kept in place but washed to a faint warm texture,
   so the ground reads as the beige ladder rather than a dark photograph.
   Same three background layers, same sizing keywords — colour only. */
.eden-gate--screen{
  background:
    radial-gradient(120% 120% at 50% 40%, rgba(255,242,235,.94) 40%, rgba(228,201,176,.90) 100%),
    url("assets/brand/eden-night-garden-plate.png") center/cover no-repeat,
    #fff2eb;
}

/* The wordmark webp is white-on-alpha; on the old dark ground it was
   screen-blended. On beige that would erase it, so the blend is neutralised
   and the mark is re-inked to #3f593a with a filter chain (resolves to
   rgb(62,87,57)). Colour only — opacity, size and position are untouched. */
.eg-screen .eg-logo{
  mix-blend-mode:normal;
  filter:brightness(0) invert(34%) sepia(20%) saturate(389%) hue-rotate(64deg) brightness(102%) contrast(135%);
}

.eg-screen .eg-wordmark{color:#2c3f28}
.eg-screen .eg-rule{background:#e4c9b0}
.eg-screen .eg-sub{color:rgba(63,89,58,.66)}
.eg-screen .eg-eyebrow{color:#6d603d}
.eg-screen .eg-lede{color:rgba(63,89,58,.86)}

/* the "enter" CTA carries the faintest green tint so it reads as the
   affirmative action while staying light and calm */
.eg-download.eg-enter{
  background:linear-gradient(160deg,#f0f7e8,#d8ecd4);
  border-color:#abbea2;
  color:#2c3f28;
}
.eg-download.eg-enter:active{
  background:linear-gradient(160deg,#d8ecd4,#abbea2);
  border-color:#3f593a;
}
.eg-download.eg-enter svg path{stroke:#2c3f28}

.eg-screen .eg-skip{
  color:rgba(63,89,58,.66);
  border-bottom:1px solid rgba(228,201,176,.9);
}
.eg-screen .eg-skip:hover{color:#2c3f28}

.eg-screen .eg-check svg{stroke:#3f593a}
.eg-screen .eg-check svg path{stroke:#3f593a}

.eg-screen .eg-done-copy b{color:#2c3f28}
.eg-screen .eg-done-copy small{color:rgba(63,89,58,.66)}