/* ============================================
   PORTFOLIO THEMES
   Each theme overrides --color-primary and related tokens
   ============================================ */

/* --- EMERALD (default) --- */
[data-accent="emerald"] {
    --color-primary: #10b981;
    --color-primary-hover: #059669;
    --color-primary-glow: rgba(16, 185, 129, 0.12);
    --color-primary-subtle: rgba(16, 185, 129, 0.08);
}
[data-accent="emerald"][data-theme="light"] {
    --color-primary: #059669;
    --color-primary-hover: #047857;
    --color-primary-glow: rgba(5, 150, 105, 0.10);
    --color-primary-subtle: rgba(5, 150, 105, 0.06);
}

/* --- OCEAN --- */
[data-accent="ocean"] {
    --color-primary: #3b82f6;
    --color-primary-hover: #2563eb;
    --color-primary-glow: rgba(59, 130, 246, 0.12);
    --color-primary-subtle: rgba(59, 130, 246, 0.08);
}
[data-accent="ocean"][data-theme="light"] {
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-primary-glow: rgba(37, 99, 235, 0.10);
    --color-primary-subtle: rgba(37, 99, 235, 0.06);
}

/* --- SUNSET --- */
[data-accent="sunset"] {
    --color-primary: #f59e0b;
    --color-primary-hover: #d97706;
    --color-primary-glow: rgba(245, 158, 11, 0.12);
    --color-primary-subtle: rgba(245, 158, 11, 0.08);
}
[data-accent="sunset"][data-theme="light"] {
    --color-primary: #d97706;
    --color-primary-hover: #b45309;
    --color-primary-glow: rgba(217, 119, 6, 0.10);
    --color-primary-subtle: rgba(217, 119, 6, 0.06);
}

/* --- ROYAL --- */
[data-accent="royal"] {
    --color-primary: #a855f7;
    --color-primary-hover: #9333ea;
    --color-primary-glow: rgba(168, 85, 247, 0.12);
    --color-primary-subtle: rgba(168, 85, 247, 0.08);
}
[data-accent="royal"][data-theme="light"] {
    --color-primary: #9333ea;
    --color-primary-hover: #7e22ce;
    --color-primary-glow: rgba(147, 51, 234, 0.10);
    --color-primary-subtle: rgba(147, 51, 234, 0.06);
}

/* --- ROSE --- */
[data-accent="rose"] {
    --color-primary: #f43f5e;
    --color-primary-hover: #e11d48;
    --color-primary-glow: rgba(244, 63, 94, 0.12);
    --color-primary-subtle: rgba(244, 63, 94, 0.08);
}
[data-accent="rose"][data-theme="light"] {
    --color-primary: #e11d48;
    --color-primary-hover: #be123c;
    --color-primary-glow: rgba(225, 29, 72, 0.10);
    --color-primary-subtle: rgba(225, 29, 72, 0.06);
}

/* --- MINIMAL --- */
[data-accent="minimal"] {
    --color-primary: #a1a1aa;
    --color-primary-hover: #d4d4d8;
    --color-primary-glow: rgba(161, 161, 170, 0.10);
    --color-primary-subtle: rgba(161, 161, 170, 0.06);
}
[data-accent="minimal"][data-theme="light"] {
    --color-primary: #52525b;
    --color-primary-hover: #3f3f46;
    --color-primary-glow: rgba(82, 82, 91, 0.10);
    --color-primary-subtle: rgba(82, 82, 91, 0.06);
}

/* --- CYBER --- */
[data-accent="cyber"] {
    --color-primary: #06b6d4;
    --color-primary-hover: #0891b2;
    --color-primary-glow: rgba(6, 182, 212, 0.12);
    --color-primary-subtle: rgba(6, 182, 212, 0.08);
}
[data-accent="cyber"][data-theme="light"] {
    --color-primary: #0891b2;
    --color-primary-hover: #0e7490;
    --color-primary-glow: rgba(8, 145, 178, 0.10);
    --color-primary-subtle: rgba(8, 145, 178, 0.06);
}