:root {
    --md-primary: #6200ee;
    --md-primary-hover: #4b00c7;
    --md-surface: #ffffff;
    --md-bg: #f5f5f7;
    --md-error: #b00020;
    --md-radius: 12px;
    --md-shadow: 0 8px 24px rgba(0,0,0,.08);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Roboto', 'IRANSans', sans-serif;
    background: var(--md-bg);
    direction: rtl;
}
.mega-menu {
    background: var(--md-surface);
    border-radius: var(--md-radius);
    box-shadow: var(--md-shadow-2);
}

.mega-l1 {
    padding: 14px;
    border-radius: var(--md-radius-sm);
}

.mega-l1.active {
    background: rgba(103,80,164,.1);
    color: var(--md-primary);
}