:root {
    --az-bg: #020817;
    --az-surface: #0f172a;
    --az-surface-2: #111827;
    --az-border: rgba(148, 163, 184, .18);

    --az-text: #e5edf7;
    --az-muted: #94a3b8;

    --az-primary: #38bdf8;
    --az-success: #22c55e;
    --az-warning: #facc15;
    --az-danger: #ef4444;

    --az-radius-card: 18px;
    --az-radius-item: 14px;
    --az-radius-pill: 999px;

    --az-space-xs: 8px;
    --az-space-sm: 12px;
    --az-space-md: 16px;
    --az-space-lg: 24px;
    --az-space-xl: 32px;
}

* {
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background: var(--az-bg);
    color: var(--az-text);
    margin: 0;
    padding: 30px;
}

a {
    color: var(--az-primary);
}

.az-muted {
    color: var(--az-muted);
}

.az-mt-sm {
    margin-top: var(--az-space-sm);
}

.az-mt-md {
    margin-top: var(--az-space-md);
}

.az-mb-sm {
    margin-bottom: var(--az-space-sm);
}

.az-mb-md {
    margin-bottom: var(--az-space-md);
}

.az-break {
    word-break: break-all;
}