:root {
    --glass-bg: rgba(36, 139, 133, 0.329);
    --glass-blur: 12px;
    --glass-radius: 8px;
    --glass-shadow: 0 4px 10px rgba(0, 0, 0, 0.452);
    --text-color: #000000;
    --accent-color: #007bff7e;
}

/* Reusable glass style for panels, headers, footers, etc. */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    border-radius: var(--glass-radius);
    box-shadow: var(--glass-shadow);
    color: var(--text-color);
    padding: 1rem;
}