/* ══════════════════════════════════════════════════════════════════════════
   VisionOS Spatial Computing — Shared Theme Tokens
   ──────────────────────────────────────────────────────────────────────────
   8-theme adaptive space backgrounds + glass overlay variables.
   Imported by both ej/style.css (desktop globe) and app/style.css (mobile map).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Site-wide brand color (apple green) ─────────────────────────────── */
:root {
  --site-color: #34C759;
}

/* ── Default glass tokens — light theme base (white glass, dark text) ── */
:root {
  --v-glass:          rgba(255,255,255,0.40);
  --v-glass-panel:    rgba(255,255,255,0.70);
  --v-glass-border:   rgba(0,0,0,0.08);
  --v-glass-shadow:   0 8px 32px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04);
  --v-ink:            rgba(0,0,0,0.88);
  --v-soft:           rgba(0,0,0,0.65);
  --v-muted:          rgba(0,0,0,0.50);
  --v-hover:          rgba(0,0,0,0.08);
  --v-active:         rgba(0,0,0,0.15);
  --v-rule:           rgba(0,0,0,0.08);
  --v-input-bg:       rgba(0,0,0,0.04);
  --v-input-border:   rgba(0,0,0,0.10);
  --v-placeholder:    rgba(0,0,0,0.40);
  --v-btn-border:     rgba(0,0,0,0.15);
  --v-btn-hover:      rgba(0,0,0,0.25);
  --v-handle:         rgba(0,0,0,0.25);
  --v-tag-bg:         rgba(0,0,0,0.06);
  --v-tag-text:       rgba(0,0,0,0.70);
  --v-food-emoji-bg:  rgba(0,0,0,0.04);
  --v-item-border:    rgba(0,0,0,0.06);
}

/* ── Forest (晴空) — light, jacaranda blue-violet (蓝花楹) ───────────── */
[data-theme="forest"] {
  --v-accent:       #7B5FD0;
  --v-accent-glow:  rgba(123,95,208,0.18);
}

/* ── Eastern (沙丘) — matte rose-gold + amber + burnt umber ──────────── */
[data-theme="eastern"] {
  --v-accent:       #E0A050;
  --v-accent-glow:  rgba(224,160,80,0.25);
  --v-glass:        rgba(40,28,16,0.22);
  --v-soft:         rgba(255,244,232,0.92);
  --v-muted:        rgba(232,200,160,0.72);
  --v-hover:        rgba(224,180,120,0.14);
  --v-rule:         rgba(224,180,120,0.16);
}

/* ── Natural (草地) — light, dappled sage green ──────────────────────── */
[data-theme="natural"] {
  --v-accent:       #7A8E50;
  --v-accent-glow:  rgba(122,142,80,0.15);
}

/* ── Spring (花海) — light, tulip pink-red ───────────────────────────── */
[data-theme="spring"] {
  --v-accent:       #D63068;
  --v-accent-glow:  rgba(214,48,104,0.15);
}

/* ── Snow — light, monochrome ────────────────────────────────────────── */
[data-theme="snow"] {
  --v-accent:       #888888;
  --v-accent-glow:  rgba(136,136,136,0.12);
}

/* ── Fusion (朝露) — gentle dawn, soft apricot ───────────────────────── */
[data-theme="fusion"] {
  --v-accent:       #C87850;
  --v-accent-glow:  rgba(200,120,80,0.15);
}

/* ── Dark theme overrides (black glass, light text) ──────────────────── */
[data-theme="luxe"],
[data-theme="eastern"],
[data-theme="homebound"] {
  --v-glass:          rgba(0,0,0,0.25);
  --v-glass-panel:    rgba(0,0,0,0.70);
  --v-glass-border:   rgba(255,255,255,0.15);
  --v-glass-shadow:   0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.05);
  --v-ink:            rgba(255,255,255,0.95);
  --v-soft:           rgba(255,255,255,0.82);
  --v-muted:          rgba(255,255,255,0.58);
  --v-hover:          rgba(255,255,255,0.10);
  --v-active:         rgba(255,255,255,0.18);
  --v-rule:           rgba(255,255,255,0.10);
  --v-input-bg:       rgba(255,255,255,0.06);
  --v-input-border:   rgba(255,255,255,0.15);
  --v-placeholder:    rgba(255,255,255,0.50);
  --v-btn-border:     rgba(255,255,255,0.20);
  --v-btn-hover:      rgba(255,255,255,0.35);
  --v-handle:         rgba(255,255,255,0.4);
  --v-tag-bg:         rgba(255,255,255,0.10);
  --v-tag-text:       rgba(255,255,255,0.85);
  --v-food-emoji-bg:  rgba(255,255,255,0.08);
  --v-item-border:    rgba(255,255,255,0.08);
}

/* ── Luxe — dark, gold nebula ────────────────────────────────────────── */
[data-theme="luxe"] {
  --v-accent:       #C9A86C;
  --v-accent-glow:  rgba(201,168,108,0.15);
}

/* ── Homebound (返航) — dark, deep navy + sunset orange ───────────── */
[data-theme="homebound"] {
  --v-accent:       #E8923A;
  --v-accent-glow:  rgba(232,146,58,0.15);
}