:root {
    --mky-primary: #111827;
    --mky-brand-red: #E31E24;
    --mky-red-hover: #C3141B;
    --mky-soft-red: #FEECEC;

    --mky-bg: #F8FAFC;
    --mky-white: #FFFFFF;

    --mky-heading: #111827;
    --mky-secondary: #374151;
    --mky-text: #475467;
    --mky-muted: #98A2B3;
    --mky-border: #E5E7EB;

    --mky-success: #22C55E;
    --mky-warning: #F59E0B;

    --mky-container: 1240px;
    --mky-radius-sm: 10px;
    --mky-radius-md: 16px;
    --mky-radius-lg: 24px;

    --mky-space-1: 4px;
    --mky-space-2: 8px;
    --mky-space-3: 12px;
    --mky-space-4: 16px;
    --mky-space-5: 20px;
    --mky-space-6: 24px;
    --mky-space-8: 32px;
    --mky-space-10: 40px;
    --mky-space-12: 48px;
    --mky-space-16: 64px;
    --mky-space-20: 80px;
}

.mky-container {
    width: min(100% - 40px, var(--mky-container));
    margin-inline: auto;
}

.mky-section {
    padding-block: var(--mky-space-20);
}

.mky-text-center {
    text-align: center;
}

.mky-hidden {
    display: none !important;
}