/* MenuBoard Theme Presets — CSS Custom Property Sets
   Each theme defines full visual language via CSS variables.
   Apply via: document.documentElement.setAttribute('data-theme', 'nebula');
   Then reference: var(--bg), var(--accent), etc.
*/

/* ── Vape / Cannabis ─────────────────────────────────── */
:root[data-theme="nebula"] {
  --bg:            #0d0620;
  --bg-elevated:   #140a2e;
  --bg-card:       #1a0f38;
  --bg-lift:       #221540;
  --accent:        #7c3aed;
  --accent-bright: #9d5ff5;
  --accent-dim:    #4a1d9e;
  --accent-glow:   rgba(124, 58, 237, 0.14);
  --accent-border: rgba(124, 58, 237, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="ember"] {
  --bg:            #1a0800;
  --bg-elevated:   #261000;
  --bg-card:       #2e1300;
  --bg-lift:       #3a1a00;
  --accent:        #c8860a;
  --accent-bright: #e09d1a;
  --accent-dim:    #7a4f06;
  --accent-glow:   rgba(200, 134, 10, 0.14);
  --accent-border: rgba(200, 134, 10, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="bloom"] {
  --bg:            #1a0510;
  --bg-elevated:   #250818;
  --bg-card:       #2e0a1e;
  --bg-lift:       #3a0f28;
  --accent:        #ec4899;
  --accent-bright: #f472b6;
  --accent-dim:    #9d174d;
  --accent-glow:   rgba(236, 72, 153, 0.14);
  --accent-border: rgba(236, 72, 153, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

/* ── Food / Restaurant ───────────────────────────────── */
:root[data-theme="ocean"] {
  --bg:            #001a1a;
  --bg-elevated:   #002626;
  --bg-card:       #003030;
  --bg-lift:       #004040;
  --accent:        #14b8a6;
  --accent-bright: #2dd4bf;
  --accent-dim:    #0d746a;
  --accent-glow:   rgba(20, 184, 166, 0.14);
  --accent-border: rgba(20, 184, 166, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="sunset"] {
  --bg:            #1a0a00;
  --bg-elevated:   #261000;
  --bg-card:       #2e1300;
  --bg-lift:       #3a1a00;
  --accent:        #f97316;
  --accent-bright: #fb923c;
  --accent-dim:    #c2410c;
  --accent-glow:   rgba(249, 115, 22, 0.14);
  --accent-border: rgba(249, 115, 22, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="harvest"] {
  --bg:            #1a1000;
  --bg-elevated:   #261800;
  --bg-card:       #2e1e00;
  --bg-lift:       #3a2800;
  --accent:        #d97706;
  --accent-bright: #f59e0b;
  --accent-dim:    #92400e;
  --accent-glow:   rgba(217, 119, 6, 0.14);
  --accent-border: rgba(217, 119, 6, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

/* ── Salon / Beauty ──────────────────────────────────── */
:root[data-theme="rose"] {
  --bg:            #1a0510;
  --bg-elevated:   #250818;
  --bg-card:       #2e0a1e;
  --bg-lift:       #3a0f28;
  --accent:        #f43f5e;
  --accent-bright: #fb7185;
  --accent-dim:    #be123c;
  --accent-glow:   rgba(244, 63, 94, 0.14);
  --accent-border: rgba(244, 63, 94, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="lavender"] {
  --bg:            #0d0620;
  --bg-elevated:   #140a2e;
  --bg-card:       #1a0f38;
  --bg-lift:       #221540;
  --accent:        #a78bfa;
  --accent-bright: #c4b5fd;
  --accent-dim:    #6d28d9;
  --accent-glow:   rgba(167, 139, 250, 0.14);
  --accent-border: rgba(167, 139, 250, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="mint"] {
  --bg:            #041a10;
  --bg-elevated:   #082618;
  --bg-card:       #0c3020;
  --bg-lift:       #10402a;
  --accent:        #10b981;
  --accent-bright: #34d399;
  --accent-dim:    #065f46;
  --accent-glow:   rgba(16, 185, 129, 0.14);
  --accent-border: rgba(16, 185, 129, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

/* ── Hotel / Luxury ──────────────────────────────────── */
:root[data-theme="navy"] {
  --bg:            #020a1a;
  --bg-elevated:   #051525;
  --bg-card:       #081c2e;
  --bg-lift:       #0c253a;
  --accent:        #1d4ed8;
  --accent-bright: #3b82f6;
  --accent-dim:    #1e3a8a;
  --accent-glow:   rgba(29, 78, 216, 0.14);
  --accent-border: rgba(29, 78, 216, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="gold"] {
  --bg:            #1a1400;
  --bg-elevated:   #261e00;
  --bg-card:       #2e2400;
  --bg-lift:       #3a3000;
  --accent:        #d4af37;
  --accent-bright: #f4cf67;
  --accent-dim:    #7c6608;
  --accent-glow:   rgba(212, 175, 55, 0.14);
  --accent-border: rgba(212, 175, 55, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="slate-gray"] {
  --bg:            #0a0a0a;
  --bg-elevated:   #141414;
  --bg-card:       #1a1a1a;
  --bg-lift:       #222222;
  --accent:        #64748b;
  --accent-bright: #94a3b8;
  --accent-dim:    #334155;
  --accent-glow:   rgba(100, 116, 139, 0.14);
  --accent-border: rgba(100, 116, 139, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

/* ── Retail ───────────────────────────────────────────── */
:root[data-theme="forest"] {
  --bg:            #041a0d;
  --bg-elevated:   #082618;
  --bg-card:       #0c3020;
  --bg-lift:       #10402a;
  --accent:        #059669;
  --accent-bright: #34d399;
  --accent-dim:    #065f46;
  --accent-glow:   rgba(5, 150, 105, 0.14);
  --accent-border: rgba(5, 150, 105, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="slate"] {
  --bg:            #0a0f14;
  --bg-elevated:   #111a24;
  --bg-card:       #18212e;
  --bg-lift:       #202c3a;
  --accent:        #475569;
  --accent-bright: #64748b;
  --accent-dim:    #1e293b;
  --accent-glow:   rgba(71, 85, 105, 0.14);
  --accent-border: rgba(71, 85, 105, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

:root[data-theme="rust"] {
  --bg:            #1a0800;
  --bg-elevated:   #261000;
  --bg-card:       #2e1300;
  --bg-lift:       #3a1a00;
  --accent:        #ea580c;
  --accent-bright: #fb923c;
  --accent-dim:    #9a3412;
  --accent-glow:   rgba(234, 88, 12, 0.14);
  --accent-border: rgba(234, 88, 12, 0.25);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}

/* ── Default / Fallback ──────────────────────────────── */
/* Apply these to :root so un-themed elements still render */
:root {
  --bg:            #070707;
  --bg-elevated:   #0f0f0f;
  --bg-card:       #131313;
  --bg-lift:       #1a1a1a;
  --accent:        #7c3aed;
  --accent-bright: #9d5ff5;
  --accent-dim:    #4a1d9e;
  --accent-glow:   rgba(124, 58, 237, 0.12);
  --accent-border: rgba(124, 58, 237, 0.22);
  --text-primary:  #f2ede4;
  --text-secondary:#9a9080;
  --text-muted:    #4a4540;
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'Jost', sans-serif;
}