/* ============================================================
   THEME — Sidi Bou   (Classic)
   Le blanc et le bleu de Sidi Bou Saïd, et le moucharabieh de ses fenêtres.

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

:root {
  /* ---- page palette ---- */
  --gold:        #3E6FA8;
  --gold-light:  #658CB9;
  --gold-dark:   #325986;
  --cream:       #F6FAFC;
  --cream-dark:  #EAEEEF;
  --white:       #F7FAFC;
  --text:        #2E3A47;
  --text-light:  #6D757E;

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

  /* ---- envelope ---- */
  --env-scene-1: #DDE5EF;
  --env-scene-2: #A8BED8;
  --env-scene-3: #345D8D;
  --env-reveal:  #FDFEFE;

  --env-paper-1: #FBFCFD;
  --env-paper-2: #FBFCFD;
  --env-paper-3: #C2D2E4;

  --env-card-1:  #FBFCFD;
  --env-card-2:  #FBFCFD;
  --env-card-3:  #D1DDEA;

  --env-flap-1:  #7E9FC5;
  --env-flap-2:  #3E6FA8;
  --env-flap-3:  #2F5480;

  --env-shadow-rgb: 26,51,86;
  --env-seam-rgb:   46,85,134;
  --env-pocket-rgb: 19,37,62;
  --env-glow-rgb:   62,111,168;
  --env-hint:       #2E527C;

  --env-card-label: #39679D;
  --env-card-date:  #244061;

  --env-texture-opacity: 0.42;
  --env-motif: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'> <g fill='none' stroke='%23376399' stroke-width='0.7' opacity='0.45'> <circle cx='0' cy='0' r='20'/><circle cx='80' cy='0' r='20'/><circle cx='0' cy='80' r='20'/><circle cx='80' cy='80' r='20'/> <circle cx='40' cy='40' r='20'/> <circle cx='40' cy='0' r='20'/><circle cx='0' cy='40' r='20'/><circle cx='80' cy='40' r='20'/><circle cx='40' cy='80' r='20'/> </g></svg>");
  --env-motif-size: 110px 110px;

  /* ---- form + chip surfaces ---- */
  --field-border:  #D2D7DB;
  --chip-bg:       rgba(255,255,255,0.9);
  --chip-bg-solid: #F7FAFC;
  --chip-menu-bg:  rgba(255,255,255,0.96);
}

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

/* ---- wax seal ---- */
.wax-s0 { stop-color: #FDFEFE; }
.wax-s1 { stop-color: #FBFCFD; }
.wax-s2 { stop-color: #ACC1D9; }
.wax-s3 { stop-color: #386497; }

.wax-i0 { stop-color: #FCFDFE; }
.wax-i1 { stop-color: #CAD7E7; }
.wax-i2 { stop-color: #3B69A1; }

.wax-rim   { stroke: #38669C; stroke-width: 0.8; }
.wax-rim-2 { stroke: #335B8A; stroke-width: 1.2; opacity: 0.6; }
.wax-rim-3 { stroke: #FDFEFE; stroke-width: 0.8; opacity: 0.8; }

/* ---- seal motif ---- */
.seal-motif        { stroke: #254365; stroke-width: 0.8; fill: #39679D; opacity: 0.72; }
.seal-leaves       { fill: #39679D; stroke: #254365; stroke-width: 0.6; opacity: 0.6; }
.seal-petal-light  { fill: #80A0C6; }
.seal-petal-mid    { fill: #5983B4; }
.seal-petal-deep   { fill: #325986; }
.seal-monogram     { fill: #2F5480; stroke: #233E5E; stroke-width: 0.5; }
.seal-monogram-amp { fill: #3A689F; }