/* ADXi — Theme surface tokens
   Semantic surfaces resolve per theme. Set data-theme="light" (default) or
   data-theme="dark" on any container; .adxi-light / .adxi-dark do the same.
   Warm paper stack in light, warm plum-black stack in dark. */
:root,
[data-theme="light"],
.adxi-light {
  --bg:      #f6f2ea;   /* deepest canvas (behind cards) */
  --paper:   #efe9dd;   /* chrome — headers, nav, footer */
  --panel:   #f6f2ea;   /* recessed panel / input fill */
  --card:    #fdfcf8;   /* raised card surface */
  --ink:     #1a1512;
  --muted:   rgba(26,21,18,0.62);
  --faint:   rgba(26,21,18,0.42);
  --line:    rgba(26,21,18,0.10);
  --line-2:  rgba(26,21,18,0.06);
  --dot:     rgba(26,21,18,0.08);
  --shadow-sm:   0 3px 10px rgba(60,50,30,0.08);
  --shadow:      0 10px 26px rgba(60,50,30,0.10);
  --shadow-lift: 0 18px 40px rgba(60,50,30,0.18);
}

[data-theme="dark"],
.adxi-dark {
  --bg:      #0a0705;
  --paper:   #14100c;
  --panel:   #100c09;
  --card:    #1c1613;
  --ink:     #f0ede8;
  --muted:   rgba(240,237,232,0.62);
  --faint:   rgba(240,237,232,0.38);
  --line:    rgba(240,237,232,0.14);
  --line-2:  rgba(240,237,232,0.07);
  --dot:     rgba(240,237,232,0.06);
  --shadow-sm:   0 3px 10px rgba(0,0,0,0.40);
  --shadow:      0 10px 26px rgba(0,0,0,0.45);
  --shadow-lift: 0 18px 40px rgba(0,0,0,0.55);
}