/* ==========================================
   Standardized Themes Stylesheet
   ========================================== */

:root, [data-theme="crateria"] {
    /* crateria - Dark Purple Theme */
    --transition: 0.3s ease;
    --primary: #3b82f6;
    --primary-hover: #1d4ed8;
    --background: linear-gradient(135deg, #181524 0%, #120f1c 100%);
    --bg-color: #181524;
    --container: rgba(29, 24, 46, 0.7);
    --text: #d3cce3;
    --text-secondary: #8e81ac;
    --border: rgba(66, 56, 90, 0.5);
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
    --success-status-bg: rgba(59, 130, 246, 0.85);
    --danger-status-bg: rgba(239, 68, 68, 0.85);
    --header-bg: #120f1c;
    --button-hover: #2b2341;
    --danger-color: #ef4444;
    --success: #10b981;
    --danger: #ef4444;
}

[data-theme="brinstar"] {
    /* brinstar - Green Forest Theme */
    --primary: #10b981;
    --primary-hover: #047857;
    --background: linear-gradient(135deg, #0c1a10 0%, #060e09 100%);
    --bg-color: #0c1a10;
    --container: rgba(17, 36, 23, 0.7);
    --text: #a3e635;
    --text-secondary: #4ade80;
    --border: rgba(34, 84, 61, 0.5);
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
    --success-status-bg: rgba(16, 185, 129, 0.85);
    --danger-status-bg: rgba(239, 68, 68, 0.85);
    --header-bg: #060e09;
    --button-hover: #1b3d27;
    --danger-color: #ef4444;
    --success: #10b981;
    --danger: #ef4444;
}

[data-theme="norfair"] {
    /* norfair - Red/Orange Fire Theme */
    --primary: #ef4444;
    --primary-hover: #b91c1c;
    --background: linear-gradient(135deg, #1a0502 0%, #100301 100%);
    --bg-color: #1a0502;
    --container: rgba(40, 10, 4, 0.7);
    --text: #fde047;
    --text-secondary: #f87171;
    --border: rgba(92, 19, 5, 0.5);
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
    --success-status-bg: rgba(22, 163, 74, 0.85);
    --danger-status-bg: rgba(239, 68, 68, 0.85);
    --header-bg: #100301;
    --button-hover: #401007;
    --danger-color: #ef4444;
    --success: #10b981;
    --danger: #ef4444;
}

[data-theme="wrecked_ship"] {
    /* wrecked_ship - Neon Blue/Magenta Theme */
    --primary: #06b6d4;
    --primary-hover: #0891b2;
    --background: linear-gradient(135deg, #0f091a 0%, #08050e 100%);
    --bg-color: #0f091a;
    --container: rgba(24, 14, 41, 0.7);
    --text: #a5f3fc;
    --text-secondary: #c084fc;
    --border: rgba(59, 34, 99, 0.5);
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
    --success-status-bg: rgba(6, 182, 212, 0.85);
    --danger-status-bg: rgba(217, 70, 239, 0.85);
    --header-bg: #08050e;
    --button-hover: #261642;
    --danger-color: #d946ef;
    --success: #06b6d4;
    --danger: #d946ef;
}

[data-theme="maridia"] {
    /* maridia - Aquatic Cyan/Yellow Theme */
    --primary: #0ea5e9;
    --primary-hover: #0369a1;
    --background: linear-gradient(135deg, #051d2d 0%, #03111b 100%);
    --bg-color: #051d2d;
    --container: rgba(9, 44, 66, 0.7);
    --text: #2dd4bf;
    --text-secondary: #38bdf8;
    --border: rgba(17, 76, 112, 0.5);
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
    --success-status-bg: rgba(14, 165, 233, 0.85);
    --danger-status-bg: rgba(239, 68, 68, 0.85);
    --header-bg: #03111b;
    --button-hover: #0f4466;
    --danger-color: #ef4444;
    --success: #10b981;
    --danger: #ef4444;
}

[data-theme="tourian"] {
    /* tourian - Alien Green/Red Theme */
    --primary: #22c55e;
    --primary-hover: #16a34a;
    --background: linear-gradient(135deg, #081012 0%, #040809 100%);
    --bg-color: #081012;
    --container: rgba(13, 29, 33, 0.7);
    --text: #22c55e;
    --text-secondary: #34d399;
    --border: rgba(29, 61, 69, 0.5);
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4);
    --success-status-bg: rgba(34, 197, 94, 0.85);
    --danger-status-bg: rgba(239, 68, 68, 0.85);
    --header-bg: #040809;
    --button-hover: #142b30;
    --danger-color: #ef4444;
    --success: #10b981;
    --danger: #ef4444;
}