/* ============================================================
   THEME — Dar El Bey   (Premium)
   Émeraude profond, or lourd, zellige de palais beylical. Le plus cérémonieux.

   Generated by brand/make-themes.py — edit the palette there,
   not here, or the next run will overwrite your changes.
   ============================================================ */

:root {
  /* ---- page palette ---- */
  --gold:        #CBA84E;
  --gold-light:  #D5B971;
  --gold-dark:   #A2863E;
  --cream:       #102A23;
  --cream-dark:  #17302A;
  --white:       #213932;
  --text:        #EFE7D2;
  --text-light:  #A7A293;

  /* ---- typography ---- */
  --font-display: 'Playfair Display', serif;
  --font-body:    'Cormorant Garamond', serif;
  --font-sans:    'Josefin Sans', sans-serif;

  /* ---- envelope ---- */
  --env-scene-1: #324C44;
  --env-scene-2: #16342B;
  --env-scene-3: #0D1F1A;
  --env-reveal:  #102720;

  --env-paper-1: #2D4840;
  --env-paper-2: #16342B;
  --env-paper-3: #112922;

  --env-card-1:  #375049;
  --env-card-2:  #244038;
  --env-card-3:  #16342B;

  --env-flap-1:  #D7BC77;
  --env-flap-2:  #CBA84E;
  --env-flap-3:  #9A803B;

  --env-shadow-rgb: 11,34,27;
  --env-seam-rgb:   99,99,54;
  --env-pocket-rgb: 8,24,20;
  --env-glow-rgb:   203,168,78;
  --env-hint:       #D6BB75;

  --env-card-label: #D0B160;
  --env-card-date:  #DBC283;

  --env-texture-opacity: 0.42;
  --env-motif: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'> <g fill='none' stroke='%23CEAC57' stroke-width='0.75' opacity='0.5'> <g transform='translate(45 45)'> <rect x='-16' y='-16' width='32' height='32'/><rect x='-16' y='-16' width='32' height='32' transform='rotate(45)'/> </g> <g transform='translate(0 0)'><rect x='-11' y='-11' width='22' height='22'/><rect x='-11' y='-11' width='22' height='22' transform='rotate(45)'/></g> <g transform='translate(90 0)'><rect x='-11' y='-11' width='22' height='22'/><rect x='-11' y='-11' width='22' height='22' transform='rotate(45)'/></g> <g transform='translate(0 90)'><rect x='-11' y='-11' width='22' height='22'/><rect x='-11' y='-11' width='22' height='22' transform='rotate(45)'/></g> <g transform='translate(90 90)'><rect x='-11' y='-11' width='22' height='22'/><rect x='-11' y='-11' width='22' height='22' transform='rotate(45)'/></g> </g></svg>");
  --env-motif-size: 120px 120px;

  /* ---- form + chip surfaces ---- */
  --field-border:  #384C42;
  --chip-bg:       rgba(49,72,66,0.92);
  --chip-bg-solid: #213932;
  --chip-menu-bg:  rgba(45,68,61,0.97);
}

/* ---- envelope embossing ---- */
.emboss-g {
  fill: #958544;
  stroke: #D0B160;
  stroke-width: 0.6;
  opacity: 0.85;
}
.emboss-g.emboss-faint { opacity: 0.7; }

/* ---- wax seal ---- */
.wax-s0 { stop-color: #EFE8D0; }
.wax-s1 { stop-color: #DDCD98; }
.wax-s2 { stop-color: #D3B971; }
.wax-s3 { stop-color: #B79746; }

.wax-i0 { stop-color: #E4D7AD; }
.wax-i1 { stop-color: #D5BE7A; }
.wax-i2 { stop-color: #B49949; }

.wax-rim   { stroke: #A58F45; stroke-width: 0.8; }
.wax-rim-2 { stroke: #A68A40; stroke-width: 1.2; opacity: 0.6; }
.wax-rim-3 { stroke: #EDE5CA; stroke-width: 0.8; opacity: 0.8; }

/* ---- seal motif ---- */
.seal-motif        { stroke: #7A652F; stroke-width: 0.8; fill: #A99146; opacity: 0.72; }
.seal-leaves       { fill: #A99146; stroke: #7A652F; stroke-width: 0.6; opacity: 0.6; }
.seal-petal-light  { fill: #DDC68A; }
.seal-petal-mid    { fill: #D2B467; }
.seal-petal-deep   { fill: #A2863E; }
.seal-monogram     { fill: #9A803B; stroke: #725E2C; stroke-width: 0.5; }
.seal-monogram-amp { fill: #AF9547; }