:root {
    --membera-primary: #2563eb;
    --membera-primary-alt: #0ea5e9;
    --membera-primary-deep: #1d4ed8;
    --membera-dark: #183153;
    --membera-dark-deep: #091a33;
    --membera-light: #eaf1fb;
    --membera-light-border: #e2e8f0;
    --membera-text: #0f172a;
    --membera-text-muted: #475569;
    --membera-text-inverse: #ffffff;
    --membera-success: #22c55e;
    --membera-warning: #f59e0b;
    --membera-danger: #ef4444;
    --membera-radius-sm: 10px;
    --membera-radius-md: 14px;
    --membera-radius-lg: 20px;
    --membera-shadow-soft: 0 18px 50px rgba(15, 23, 42, 0.08);
    --membera-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.07);
    --membera-gradient: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
    --membera-gradient-dark: linear-gradient(180deg, #183153 0%, #091a33 100%);
    --membera-font: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --membera-content-max: 1440px;
}