/*
 * Author: Yogabrata Mukhopadhyay
 * Organization: ManjuLab
 * Copyright (c) 2026 ManjuLab. All rights reserved.
 */
/* Phase 2 — cosmic palette → legacy style.css variables (Eden Garden default) */

:root,
[data-cosmic-theme="eden"] {
  --blue:        #73abff;
  --blue-light:  #8bb8ff;
  --cyan:        #57d8cf;
  --green:       #2ecc9a;
  --orange:      #f4c86a;
  --purple:      #be8cff;
  --pink:        #ff9fd0;
  --manju-gold:  #f4c86a;
  --manju-panel: rgba(14, 26, 38, 0.94);

  --blue-glow:   rgba(244, 200, 106, 0.14);
  --glass-bg:    rgba(10, 18, 28, 0.78);
  --glass-border: rgba(241, 205, 126, 0.22);

  --bg:          #071018;
  --bg-card:     rgba(14, 26, 38, 0.92);
  --bg-subtle:   #0c1724;
  --bg-input:    #0a121c;
  --border:      rgba(241, 205, 126, 0.18);
  --border-hard: rgba(244, 200, 106, 0.28);

  --text-1:      #f7efdb;
  --text-2:      #e8dfc8;
  --text-3:      #c6b892;

  --shadow-sm:   0 8px 22px rgba(0, 0, 0, 0.35);
  --shadow-md:   0 16px 36px rgba(0, 0, 0, 0.45);
  --shadow-lg:   0 24px 54px rgba(0, 0, 0, 0.55);
  --shadow-glow: 0 0 36px rgba(87, 216, 207, 0.22);

  --orbit-gold:  rgba(244, 200, 106, 0.55);
  --orbit-teal:  rgba(87, 216, 207, 0.5);
  --orbit-violet: rgba(190, 140, 255, 0.45);
  --logo-tint:   saturate(1.2) contrast(1.08) brightness(1.18)
                 drop-shadow(0 0 28px rgba(244, 200, 106, 0.35))
                 drop-shadow(0 0 48px rgba(87, 216, 207, 0.18));
  --logo-opacity: 0.14;
}

[data-cosmic-theme="cosmic"] {
  --blue:        #6366f1;
  --blue-light:  #818cf8;
  --cyan:        #06b6d4;
  --green:       #10b981;
  --orange:      #f97316;
  --purple:      #8b5cf6;
  --manju-gold:  #d8b75b;
  --blue-glow:   rgba(99, 102, 241, 0.15);
  --glass-bg:    rgba(15, 23, 42, 0.78);
  --glass-border: rgba(148, 163, 184, 0.22);
  --bg:          #020617;
  --bg-card:     #0f172a;
  --bg-subtle:   #1e293b;
  --bg-input:    #0f172a;
  --border:      rgba(148, 163, 184, 0.18);
  --border-hard: rgba(148, 163, 184, 0.28);
  --text-1:      #e2e8f0;
  --text-2:      #cbd5e1;
  --text-3:      #94a3b8;
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.25);
  --orbit-gold:  rgba(249, 115, 22, 0.5);
  --orbit-teal:  rgba(6, 182, 212, 0.5);
  --orbit-violet: rgba(99, 102, 241, 0.4);
  --logo-tint:   saturate(1.1) contrast(1.05) brightness(1.2)
                 drop-shadow(0 0 24px rgba(6, 182, 212, 0.3));
  --logo-opacity: 0.1;
}

[data-cosmic-theme="aurora"] {
  --blue:        #22d3ee;
  --cyan:        #34d399;
  --green:       #34d399;
  --orange:      #2dd4bf;
  --manju-gold:  #a7f3d0;
  --bg:          #04101a;
  --bg-card:     rgba(10, 31, 46, 0.9);
  --bg-subtle:   #0a1f2e;
  --text-1:      #e0f2fe;
  --text-2:      #bae6fd;
  --text-3:      #7dd3fc;
  --glass-bg:    rgba(10, 31, 46, 0.82);
  --border:      rgba(125, 211, 252, 0.2);
  --orbit-gold:  rgba(52, 211, 153, 0.5);
  --orbit-teal:  rgba(34, 211, 238, 0.55);
  --orbit-violet: rgba(45, 212, 191, 0.35);
  --logo-tint:   saturate(1.15) drop-shadow(0 0 30px rgba(34, 211, 238, 0.35));
  --logo-opacity: 0.11;
}

[data-cosmic-theme="ember"] {
  --blue:        #fb923c;
  --cyan:        #f97316;
  --green:       #fbbf24;
  --manju-gold:  #fcd34d;
  --bg:          #120806;
  --bg-card:     rgba(28, 16, 12, 0.92);
  --bg-subtle:   #1c100c;
  --text-1:      #ffedd5;
  --text-2:      #fed7aa;
  --text-3:      #fdba74;
  --glass-bg:    rgba(28, 16, 12, 0.85);
  --border:      rgba(251, 146, 60, 0.22);
  --orbit-gold:  rgba(251, 191, 36, 0.55);
  --orbit-teal:  rgba(249, 115, 22, 0.45);
  --orbit-violet: rgba(239, 68, 68, 0.35);
  --logo-tint:   saturate(1.25) sepia(0.2) drop-shadow(0 0 28px rgba(251, 146, 60, 0.4));
  --logo-opacity: 0.12;
}

[data-cosmic-theme="violet"] {
  --blue:        #a78bfa;
  --cyan:        #e879f9;
  --green:       #c084fc;
  --manju-gold:  #ddd6fe;
  --bg:          #0c0618;
  --bg-card:     rgba(21, 10, 40, 0.92);
  --bg-subtle:   #150a28;
  --text-1:      #ede9fe;
  --text-2:      #ddd6fe;
  --text-3:      #c4b5fd;
  --glass-bg:    rgba(21, 10, 40, 0.82);
  --border:      rgba(167, 139, 250, 0.22);
  --orbit-gold:  rgba(232, 121, 249, 0.5);
  --orbit-teal:  rgba(167, 139, 250, 0.5);
  --orbit-violet: rgba(190, 140, 255, 0.45);
  --logo-tint:   saturate(1.2) drop-shadow(0 0 32px rgba(167, 139, 250, 0.4));
  --logo-opacity: 0.11;
}

[data-cosmic-theme="slate"] {
  --blue:        #94a3b8;
  --cyan:        #64748b;
  --green:       #94a3b8;
  --manju-gold:  #cbd5e1;
  --bg:          #0f172a;
  --bg-card:     #1e293b;
  --bg-subtle:   #334155;
  --text-1:      #f1f5f9;
  --text-2:      #e2e8f0;
  --text-3:      #94a3b8;
  --glass-bg:    rgba(30, 41, 59, 0.88);
  --border:      rgba(148, 163, 184, 0.22);
  --orbit-gold:  rgba(148, 163, 184, 0.45);
  --orbit-teal:  rgba(100, 116, 139, 0.45);
  --orbit-violet: rgba(148, 163, 184, 0.35);
  --logo-tint:   grayscale(0.35) contrast(1.05) brightness(1.25);
  --logo-opacity: 0.09;
}

[data-cosmic-theme="dawn"] {
  --blue:        #4338ca;
  --blue-light:  #6366f1;
  --cyan:        #0891b2;
  --green:       #10b981;
  --orange:      #ea580c;
  --purple:      #7c3aed;
  --manju-gold:  #d8b75b;
  --blue-glow:   rgba(99, 102, 241, 0.15);
  --glass-bg:    rgba(255, 255, 255, 0.74);
  --glass-border: rgba(15, 23, 42, 0.1);
  --bg:          #f8fafc;
  --bg-card:     #ffffff;
  --bg-subtle:   #f1f5f9;
  --bg-input:    #f1f5f9;
  --border:      rgba(15, 23, 42, 0.08);
  --border-hard: rgba(15, 23, 42, 0.15);
  --text-1:      #0f172a;
  --text-2:      #334155;
  --text-3:      #64748b;
  --shadow-sm:   0 8px 22px rgba(15, 23, 42, 0.06);
  --shadow-md:   0 16px 36px rgba(15, 23, 42, 0.09);
  --shadow-lg:   0 24px 54px rgba(15, 23, 42, 0.12);
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.18);
  --orbit-gold:  rgba(216, 183, 91, 0.45);
  --orbit-teal:  rgba(8, 145, 178, 0.4);
  --orbit-violet: rgba(99, 102, 241, 0.3);
  --logo-tint:   saturate(1.05) contrast(0.95) brightness(1.05)
                 drop-shadow(0 0 20px rgba(216, 183, 91, 0.25));
  --logo-opacity: 0.08;
}

[data-cosmic-theme="paper"] {
  --blue:        #171717;
  --blue-light:  #404040;
  --cyan:        #262626;
  --green:       #404040;
  --orange:      #525252;
  --purple:      #262626;
  --manju-gold:  #404040;
  --blue-glow:   rgba(0, 0, 0, 0.06);
  --glass-bg:    rgba(255, 255, 255, 0.92);
  --glass-border: rgba(0, 0, 0, 0.1);
  --bg:          #ffffff;
  --bg-card:     #ffffff;
  --bg-subtle:   #f5f5f5;
  --bg-input:    #fafafa;
  --border:      rgba(0, 0, 0, 0.1);
  --border-hard: rgba(0, 0, 0, 0.18);
  --text-1:      #0a0a0a;
  --text-2:      #262626;
  --text-3:      #525252;
  --shadow-sm:   0 4px 14px rgba(0, 0, 0, 0.05);
  --shadow-md:   0 10px 28px rgba(0, 0, 0, 0.08);
  --shadow-lg:   0 20px 48px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 24px rgba(0, 0, 0, 0.06);
  --orbit-gold:  rgba(0, 0, 0, 0.2);
  --orbit-teal:  rgba(0, 0, 0, 0.15);
  --orbit-violet: rgba(0, 0, 0, 0.12);
  --portal-circle-title: #0a0a0a;
  --portal-circle-sub: #525252;
  --footer-bg: #f5f5f5;
  --footer-head: #0a0a0a;
  --footer-muted: #525252;
  --footer-link: #404040;
  --footer-border: rgba(0, 0, 0, 0.1);
  --footer-soc-bg: rgba(0, 0, 0, 0.04);
  --footer-soc-border: rgba(0, 0, 0, 0.1);
  --footer-badge-text: #262626;
  --footer-divider: rgba(0, 0, 0, 0.08);
  --footer-copy: #737373;
  --logo-tint: grayscale(1) contrast(1.1);
  --logo-opacity: 0.06;
}

[data-cosmic-theme="noir"] {
  --blue:        #fafafa;
  --blue-light:  #e5e5e5;
  --cyan:        #d4d4d4;
  --green:       #e5e5e5;
  --orange:      #a3a3a3;
  --purple:      #d4d4d4;
  --manju-gold:  #e5e5e5;
  --blue-glow:   rgba(255, 255, 255, 0.08);
  --glass-bg:    rgba(10, 10, 10, 0.88);
  --glass-border: rgba(255, 255, 255, 0.12);
  --bg:          #000000;
  --bg-card:     #0a0a0a;
  --bg-subtle:   #141414;
  --bg-input:    #0a0a0a;
  --border:      rgba(255, 255, 255, 0.12);
  --border-hard: rgba(255, 255, 255, 0.2);
  --text-1:      #fafafa;
  --text-2:      #e5e5e5;
  --text-3:      #a3a3a3;
  --shadow-sm:   0 8px 22px rgba(0, 0, 0, 0.5);
  --shadow-md:   0 16px 36px rgba(0, 0, 0, 0.6);
  --shadow-lg:   0 24px 54px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 30px rgba(255, 255, 255, 0.06);
  --orbit-gold:  rgba(255, 255, 255, 0.25);
  --orbit-teal:  rgba(255, 255, 255, 0.2);
  --orbit-violet: rgba(255, 255, 255, 0.15);
  --portal-circle-title: #fafafa;
  --portal-circle-sub: #a3a3a3;
  --footer-bg: #000000;
  --footer-head: #fafafa;
  --footer-muted: #a3a3a3;
  --footer-link: #d4d4d4;
  --footer-border: rgba(255, 255, 255, 0.12);
  --footer-soc-bg: rgba(255, 255, 255, 0.06);
  --footer-soc-border: rgba(255, 255, 255, 0.12);
  --footer-badge-text: #e5e5e5;
  --footer-divider: rgba(255, 255, 255, 0.08);
  --footer-copy: #737373;
  --logo-tint: grayscale(1) brightness(1.4) contrast(1.05);
  --logo-opacity: 0.1;
}

[data-cosmic-theme="dawn"] {
  --portal-circle-title: #0f172a;
  --portal-circle-sub: #475569;
  --footer-bg: #f1f5f9;
  --footer-head: #0f172a;
  --footer-muted: #475569;
  --footer-link: #334155;
  --footer-border: rgba(15, 23, 42, 0.1);
  --footer-soc-bg: rgba(15, 23, 42, 0.05);
  --footer-soc-border: rgba(15, 23, 42, 0.1);
  --footer-badge-text: #334155;
  --footer-divider: rgba(15, 23, 42, 0.08);
  --footer-copy: #64748b;
}

/* Mesh uses palette accents */
body::before {
  background-image:
    radial-gradient(at 0% 0%, color-mix(in srgb, var(--cyan) 16%, transparent) 0px, transparent 48%),
    radial-gradient(at 100% 0%, color-mix(in srgb, var(--blue) 14%, transparent) 0px, transparent 46%),
    radial-gradient(at 85% 100%, color-mix(in srgb, var(--manju-gold) 14%, transparent) 0px, transparent 42%) !important;
}

[data-cosmic-theme="dawn"] body::before {
  background-image:
    radial-gradient(at 0% 0%, rgba(67, 56, 202, 0.08) 0px, transparent 48%),
    radial-gradient(at 100% 0%, rgba(6, 182, 212, 0.07) 0px, transparent 46%),
    radial-gradient(at 85% 100%, rgba(216, 183, 91, 0.08) 0px, transparent 42%) !important;
}